PNG vs. SVG.

Raster vs. vektor.

PNG ja SVG kõige peamiseks erinevuseks võib lugeda seda, et üks on rasterfailitüüp ja teine on vektorfailitüüp.

PNG on rasterpildi vorming ehk pikslipõhine vorming. Rasterpildi liigse suurendamise tulemusel muutub see teraliseks ja pikseldatuks. Sarnaselt muutub see liigsel vähendamisel ebaselgeks. Kuigi PNG-d saavad hakkama väga suure eraldusvõimega, ei saa neid lõpmatult suurendada.

SVG-failid on aga vektoripõhised – see tähendab, et need on koostatud keerukatest matemaatilistest joonte, täppide, kujundite ja algoritmide võrgustikest. Neid saab suurendada mistahes suuruseks, ilma et nende eraldusvõime väheneks.

Lisateave rastri vs. vektori kohta

Faili suurus.

PNG-failid on sageli suured, et need suudaksid käsitleda suurt eraldusvõimet. Nende suuruse tõttu võib nende töötlemine, jagamine, salvestamine ja avamine võtta kauem aega. See võib ka aeglustada lehe laadimisaega – mistõttu on JPEG-d veebifotode seas populaarsemad. Tegelikult on olemas ka 8-bitine PNG, kuid see toetab ainult 256 värvi.

SVG-d on palju väiksemad kui PNG-d ning tõenäoliselt ei aeglusta arvutit ega veebisaiti. (Siiski võivad väga detailsed kujundused SVG-faili aeglustada.) Kuna SVG on vektorfailivorming, saab seda suurendada ja vähendada ilma kvaliteeti kaotamata.

Tihendamine.

SVG-del on kadudeta tihendamine – see tähendab, et neid saab tihendada väiksema suurusega failideks, kuid nende eraldusvõime, detailid ega kvaliteet ei muutu halvemaks.

Ka PNG-d saavad kasu 5–20% kadudeta tihendamisest, mis korvab nende suure failisuuruse. Siiski on need tihti suuremad kui SVG-d.

Fotograafia.

Nagu juba varem sai mainitud, ei kasutata veebifotodena tihti PNG-faile. Siiski suudavad nad käsitleda printimisel, töötlemisel ja teistel eesmärkidel väga detailseid ja kvaliteetseid digitaalseid fotosid. Adobe Photoshopis on need väga tavalised failivormingud.

SVG-d aga ei kasuta piksleid – seega on neil keeruline kuvada kvaliteetseid fotosid.

Veebis kasutamine.

Nii PNG- kui ka SVG-failid kuvavad väga detailseid veebigraafikaid, illustratsioone, logosid, teabegraafikaid ja tabeleid.

Kuid SVG-l on kindel eelis XML-programmeerimiskeele tõttu. See tähendab, et iga kuvatud SVG-fail on kirjutatud tekstina, mitte koodina. Selle tulemusel saavad lugejad ja otsingumootorid neid analüüsida ehk need on suurepärased juurdepääsetavuse ja otsingumootori optimeerimise eesmärgil.

SVG-failid on üldiselt väiksemad, mistõttu laadivad need lehel kiiremini. Lehe laadimisaeg on samuti otsingumootori järjestuses oluline.

PNG toetab ka mõnd tekstipõhist graafikat – kuid mitte võrdväärselt.

Ühilduvus ja keerukus.

SVG-d peetakse PNG-st arenenumaks failitüübiks, kuid need ei ühildu kõigi brauserite ja operatsioonisüsteemidega. Lisaks võib nende programmeerimiskeel ja vektoripõhine ülesehitus olla uutele kasutajatele tundmatu ja hirmutav.

PNG on aga standardne veebivorming, mida toetavad erinevad veebibrauserid ja operatsioonisüsteemid.

Animatsioon.

Vastupidiselt sarnasele rastripõhisele pildifailile (GIF) ei toeta PNG-failid animatsioone.

SVG-failid toetavad animatsioone, kuid mitte nii palju kui teised failitüübid, nagu Adobe Illustratori omavorming AI.

Lisateave AI-failide kohta

Läbipaistvus.

PNG-d ja SVG-d toetavad läbipaistvust – seega sobivad need mõlemad suurepäraselt veebilogode ja -graafika loomiseks.

Pange tähele, et PNG on parim valik, kui soovite rastripõhist läbipaistvat faili. Kui töötate pikslite ja läbipaistvusega, soovitame kasutada SVG-de asemel PNG-sid.

1. Avage Adobe Illustrator.
2. Klõpsake suvandeil File > Open (Fail > Ava) ja valige oma arvutist soovitud pilt.
3. Klõpsake suvandil Open (Ava).
4. Klõpsake ülemisel menüül suvandil Trace (Jälgi) ja valige menüü-üksus Image Trace (Pildi jälgimine).
5. Muutke teisendamine endale meelepäraseks – see võib hõlmata värvi muutmist.
6. Pärast seda valige oma jälgitav pilt ning klõpsake suvandil Ungroup (Rühmituse tühistamine). See eraldab teie värvid.
7. Klõpsake suvandeil File > Export (Fail > Ekspordi).
8. Salvestage oma fail SVG-na.

1. Avage Adobe Photoshop.
2. Klõpsake suvandeil File > Open (Fail > Ava).
3. Valige oma arvutist SVG-fail.
4. Klõpsake suvandeil Export > Export As > PNG (Ekspordi > Ekspordi kui > PNG).
5. Salvestage oma fail PNG-na.