SVG vs PNG vs JPG: pildi vormingu plussid ja miinused

Millised failivormingud annavad teile parima tulemuse veebis ja muudel digitaalsetel eesmärkidel piltide loomiseks? Peate mõtlema kiiruse ja pildi kvaliteedi ja ulatuse vahel. Mida peaksite siis kasutama: SVG vs PNG vs JPG?

Kunagi kasutasite lihtsalt JPG suurust, et ruumi mahutada 72 dpi, ja liikusite edasi. Enam mitte. Kõrgresolutsiooniga ekraanid, mitmed vaatepordid ja vajadus omada lühikest veebisaiti on muutnud selle palju keerukamaks protsessiks. Uurime kõigi nende vormingute plusse ja miinuseid!

SVG

SVG näeb suurepäraselt välja igas suuruses ja sobib peaaegu kõigi igat tüüpi piltide jaoks peale foto.

SVG ehk Scalable Vector Graphics on uskumatult praktiline. Sellepärast kasutavad disainerid seda sagedamini.

Kuna SVG on vektorvorming, näevad nad välja suurepärased igas suuruses ja sobivad peaaegu igasuguse pildi jaoks peale foto.

SVG on kadudeta vorming - see tähendab, et see ei kaota tihendamisel andmeid

Plussid SVG

• Vektorvorming renderdab hästi igas suuruses
• Võimalus luua lihtsaid SVG-renderdusi koodi- või tekstiredaktoris
• Kujundage ja eksportige keerukas graafika Adobe Illustratorist või Sketchist
• SVG-tekst on juurdepääsetav
• SVG-sid on lihtne kujundada ja skriptida
• Kaasaegsed brauserid toetavad SVG-vorminguid ja on tulevikukindlad
• Formaat on hästi kokkusurutav ja kerge
• Sobib otsimiseks tekstipõhise vormingu tõttu
• Toetab läbipaistvust
• Võimaldab stopp- või animeeritud pilte

Miinused SVG

• SVG-de kujundamine võib muutuda keeruliseks
• Ärge renderdage mõnes halvenenud brauseris
• Piiratud tugi e-posti klientidele

Kas soovite rohkem teada saada? Meil on veel kaks juhendit, mis selgitavad SVG kohta lähemalt: Praktiline SVG juhend ja kuidas (& miks) SVG kavatseb üle võtta.

PNG

PNG pakub midagi, mida JPG ei suuda - läbipaistvust.

PNG ehk teisaldatav võrgugraafika on veebiks mõeldud vorming, mis pakub JPG jaoks mitte midagi - läbipaistvust. Ainuüksi see on põhjus, miks PNG on olnud nii populaarne selliste elementide nagu logod üleslaadimisel veebisaidi kujundusele.

PNG-sid on kahte tüüpi - PNG-8 ja PNG-24. PNG-8 kasutab piiratud värvipaletti, kõigest 256 värvi, sellel on mõnevõrra parem läbipaistvus ja eksport on väikese suurusega. PNG-24 kasutab piiramatut värvipaletti, säilitab läbipaistvuse, kuid ekspordib suuremas mahus. Mõlemal PNG-tüübil on kadudeta tihendamine.

PNG-vormingud on sarnased GIF-vormingutega, kuid nad ei toeta animatsiooni. Seda vormingut kasutatakse kõige sagedamini ikoonide, väikeste piltide või muude läbipaistvust vajavate piltide puhul.

Plussid PNG-st

• Toetab läbipaistvust
• Sobib piltidele, millel on tekst
• PNG-vormingud muudavad logod hästi
• Sisaldab manustatud teksti kirjeldust otsimootoritele
• PNG-8 faili suurus on väike ja see on kõige kergem
• Eksport ilma sakiliste servadeta

Miinused PNG

• Failide suurus kasvab kiiresti suurte failide, näiteks piltide puhul
• Mõnel vanemal e-posti kliendil on probleeme nende renderdamisega
• Animatsiooni pole
• PNG-24 failid võivad suureks saada; pole nii hea veebi jagamiseks

JPEG

Iga kord, kui foto salvestatakse ja JPG-vormingus eksportitakse, halveneb see.

JPG ehk ühine fotoekspertide rühm ehk JPEG on tõenäoliselt kõige tuntum pildivorming. See on enamiku piltide salvestamise vaikevalik, kuna tänu praktiliselt piiramatule värviekraanile on see fotosõbralik.

JPG pakub ka võimalust valida, kuidas pilt tihendada peaks olema vahemikus 0 protsenti (tugev tihendamine) kuni 100 protsenti (ilma tihendamiseta). Enamik disainereid valib midagi vahemikus 60–70 protsenti. Pildid näevad sellel pakkimistasemel endiselt head, kuid failide suurused on tunduvalt väiksemad.

JPG kasutab kadudeta tihendamist ja ei säilita pakkimise ajal algseid andmeid. Iga kord, kui foto salvestatakse ja JPG-vormingus eksportitakse, halveneb see.

JPG-vormingut kasutatakse kõige sagedamini piltide, fotograafia ja paljude värviliste asjade jaoks.

JPEG plussid

• Suurepärane värvide ja fotograafia jaoks
• Failide suurusi on lihtne vähendada
• Renderdab e-posti klientides järjepidevalt

Miinused JPEG

• Pole läbipaistvust
• Loob teksti jaoks sakilised servad
• Animatsiooni pole
• Kaotatud formaat
• Automaatsed metaandmed otsingu jaoks puuduvad, see peab sisaldama teavet

Mis vormingut peaksite kasutama?

Nüüd, kui teate, millised erinevused on SVG vs PNG ja JPG vahel, mida peaksite kasutama?

Selle vastuse saamiseks võite esitada endale mõned küsimused.

Kas vajate vektor- või rastervormingut?
Vektor: SVG
Raster: JPG või PNG

Kas vajate läbipaistvust?
Jah: SVG või PNG
Ei: JPG

Kas kasutate kõrgevärvilist pilti?
Jah: JPG või PNG
Ei: SVG

Kas see on suur foto?
Jah: JPG
Ei: PNG

Kas pilt sisaldab teksti?
Jah: PNG
Ei: JPG

Kas kadudeta tihendamine on teie jaoks oluline?
Jah: SVG või PNG
Ei: JPG

Kas graafikat tuleb värskendada ja ümber paigutada?
Jah: SVG
Ei: PNG või JPG

Kas kasutate animatsiooni?
Jah: SVG
Ei: JPG või PNG

Järeldus

Kõigil kolmel pildivormingul - SVG, PNG ja JPG - on praktilised ja laiahaardelised rakendused. SVG on uusim vorming ja sageli saab selle salvestada väikseimasse failisuurusesse, kuid see pole alati parim valik.

Mõelge, kuidas te oma projektis pilte kasutate, kui valite failitüübi, et leida see, mis sobib kõige paremini sellega, mida proovite saavutada. Võib isegi leida, et projektid sisaldavad pilte, mis kasutavad kõiki kolme failitüüpi. (See on tegelikult üsna tavaline!)