PNG ir SVG.

Rastras ir vektorius.

Galbūt esminis skirtumas tarp PNG ir SVG yra tas, kad vienas yra rastrinio failo tipas, o kitas yra vektorinis.

PNG yra rastrinis, t. y. iš pikselių, atvaizdo formatas. Jei per daug padidinsite rastrinį vaizdą, jis taps grūduotas ir pikseliuotas. Panašiai, jei atvaizdas yra per mažas, jis gali tapti neryškus. Nors PNG gali apdoroti labai didelę skiriamąją gebą, jie nėra išplečiami neribotai.

Kita vertus, SVG failai yra grindžiami vektoriais – sukurti iš sudėtingo matematinio linijų, taškų, formų ir algoritmų tinklo. Jie gali išsiplėsti iki bet kokio dydžio ir neprarasti savo skiriamosios gebos.

Sužinokite daugiau apie rastrą ir vektorių

Failo dydžiai.

PNG failų dydžiai dažnai yra dideli, todėl jie gali būti didelės skiriamosios gebos. Jų dydis reiškia, kad apdorojimas, bendrinimas, išsaugojimas ir atidarymas gali užtrukti. Tai taip pat gali sulėtinti puslapio įkėlimo spartą –, todėl JPEG yra labiau paplitę internetinėje fotografijoje. Tačiau yra mažesnis 8 bitų PNG variantas, kuris gali palaikyti tik 256 spalvas.

SVG yra daug mažesnio dydžio nei PNG ir greičiausiai nestabdys jūsų kompiuterio ar svetainės. (Tačiau labai detalus dizainas gali sulėtinti SVG.) Kadangi tai vektorinio failo formatas, galite padidinti arba sumažinti SVG mastelį ir neprarasti kokybės.

Suglaudinimas.

SVG teikia glaudinimą be praradimų –. Tai reiškia, kad juos galima suglaudinti iki mažesnio dydžio failų, neprarandant jų aiškumo, detalumo ar kokybės.

PNG taip pat teikia 5–20 % glaudinimą be praradimų. Tai gali nusverti trūkumą dėl didelio failo dydžio. Tačiau jie vis tiek greičiausiai bus didesni nei SVG.

Fotografija.

PNG failai nėra įprastai pasirenkami žiniatinklio nuotraukoms, kaip aptarta pirmiau. Tačiau jie gali apdoroti labai detalias, aukštos kokybės skaitmenines nuotraukas spausdinimui, redagavimui ir kitiems tikslams. Tai įprastas failo formatas „Adobe Photoshop“.

Kita vertus, SVG nenaudoja pikselių –, todėl jais sunku pateikti aukšto lygio fotografiją.

Žiniatinklio naudojimas.

Tiek PNG, tiek SVG failai gali pateikti sudėtingas žiniatinklio grafikos, iliustracijų, logotipų, infografikų ir lentelių detales.

Tačiau SVG turi pagrindinį pranašumą dėl savo XML programavimo kalbos. Tai reiškia, kad kiekvienas ekrane matomas SVG failas parašytas tekstu, o ne kodu. Kadangi ekranų skaitytuvai ir paieškos sistemos gali juos analizuoti, todėl jie puikiai tinka prieinamumui ir paieškos sistemų optimizavimo tikslams.

SVG failai taip pat paprastai yra mažesni, todėl jie greičiau įkeliami į puslapį. Puslapio įkėlimo sparta yra dar vienas svarbus paieškos sistemų reitingavimo elementas.

PNG taip pat palaiko tam tikrą teksto grafiką –, bet ne tokiu pat mastu.

Suderinamumas ir sudėtingumas.

SVG laikomi pažangesniu failų tipu nei PNG, tačiau iš tikrųjų jie nėra suderinami su kiekviena naršykle ir operacine sistema. Be to, jų programavimo kalba ir vektorinė kompozicija naujiems vartotojams gali atrodyti nepažįstama ir bauginanti.

Kita vertus, PNG yra standartinis internetinis formatas, kuris veikia žiniatinklio naršyklėse ir operacinėse sistemose.

Animacija.

PNG failai nepalaiko animacijos – skirtingai nuo GIF, panašaus rastrinio atvaizdo failo.

SVG failai palaiko animaciją, bet ne taip sklandžiai, kaip kitų tipų failai, pvz.,„Adobe Illustrator“originalus formatas AI.

Sužinokite daugiau apie AI failus

Skaidrumas.

PNG ir SVG veikia skaidrumas –, todėl jie abu yra puikus pasirinkimas internetiniams logotipams ir grafikai.

Verta paminėti, kad PNG yra vienas geriausių rastrinio skaidraus failo pasirinkimų. Jei dirbate su pikseliais ir skaidrumu, PNG yra tinkamesnis pasirinkimas nei SVG.

1. Atidarykite „Adobe Illustrator“.
2. Spustelėkite „Failas“ > „Atidaryti“ ir pasirinkite atvaizdą savo kompiuteryje.
3. Spustelėkite Open (Atidaryti).
4. Viršutiniame meniu spustelėkite parinktį „Trace“ ir pasirinkite „Image Trace“.
5. Konvertavimą nustatykite pagal savo specifikacijas – taip galima pakeisti ir spalvą.
6. Kai procesas bus baigtas, pasirinkite atvaizdą ir spustelėkite „Išgrupuoti“. Šitaip bus atskirtos spalvų formos.
7. Spustelėkite „Failas“ > „Eksportuoti“.
8. Išsaugokite failą SVG formatu.

1. Atidarykite „Adobe Photoshop“.
2. Spustelėkite „Failas“ > „Atidaryti“.
3. Kompiuteryje pasirinkite SVG failą.
4. Spustelėkite „Eksportuoti“ > „Eksportuoti kaip“ > PNG.
5. Išsaugokite failą PNG formatu.