SVG vs PNG vs JPG: attēla formāta plusi un mīnusi

Kādi faila formāti jums radīs vislabāko rezultātu, kad tiek izveidoti attēli tīmeklim un citiem digitāliem nolūkiem? Jums ir jādomā par ātrumu pret attēla kvalitāti un mērogu. Ko jums vajadzētu izmantot: SVG vs PNG vs JPG?

Bija laiks, kad jūs vienkārši izmantojāt JPG izmēru, lai ietilptu telpā ar 72 dpi, un pārcēlāties uz priekšu. Vairs ne. Augstas izšķirtspējas ekrāni, vairāki skatu logi un nepieciešamība pēc nejaukas vietnes ir padarījusi to par daudz sarežģītāku procesu. Padziļināsimies katra šī formāta plusos un mīnusos!

SVG

SVG izskatās lieliski jebkura izmēra un darbojas gandrīz jebkura veida attēlam, izņemot fotoattēlu.

SVG jeb mērogojama vektorgrafika ir neticami praktiska. Tāpēc dizaineri to izmanto biežāk.

Tā kā SVG ir vektora formāts, tie izskatās lieliski jebkura izmēra un darbojas gandrīz jebkura veida attēlos, izņemot fotoattēlu.

SVG ir bezzaudējumu formāts - tas nozīmē, ka saspiežot tas nezaudē datus, piešķir neierobežotu skaitu krāsu un to visbiežāk izmanto grafikai un logotipiem tīmeklī, kā arī projektiem, kas tiks apskatīti tīklenes vai citos augstas izšķirtspējas ekrānos.

Plusi SVG

• Vektoru formāts tiek labi parādīts jebkura izmēra
• Spēja izveidot vienkāršus SVG atveidojumus koda vai teksta redaktorā
• Noformējiet un eksportējiet sarežģītu grafiku no Adobe Illustrator vai Sketch
• SVG teksts ir pieejams
• SVG ir viegli veidojams un veidojams
• Mūsdienu pārlūkprogrammas atbalsta SVG formātus, un tie ir droši nākotnei
• Formāts ir ļoti saspiests un viegls
• Piemērots meklēšanai teksta formāta dēļ
• Atbalsta caurspīdīgumu
• Ļauj nekustīgus vai animētus attēlus

Mīnusi SVG

• SVG izstrāde var kļūt sarežģīta
• Neatveidojiet dažos degradētos pārlūkos
• Ierobežots atbalsts e-pasta klientiem

Vai vēlaties uzzināt vairāk? Mums ir vēl divi ceļveži, kas izskaidro vairāk par SVG: Praktiskais ceļvedis SVG un tas, kā (un kāpēc) SVG gatavojas pārņemt.

PNG

PNG piedāvā kaut ko JPG nespējīgu - caurspīdīgumu.

PNG jeb portatīvā tīkla grafika ir tīmeklim izveidots formāts, kas piedāvā kaut ko JPG nespējīgu - caurspīdīgumu. Tas vien ir iemesls, kāpēc PNG ir bijusi tik populāra, lai vietņu dizainā augšupielādētu tādus elementus kā logotipi.

Pastāv divu veidu PNG - PNG-8 un PNG-24. PNG-8 izmanto ierobežotāku krāsu paleti, kurā ir tikai 256 krāsas, tai ir nedaudz labāka caurspīdība un tā eksportēšana ir maza. PNG-24 izmanto neierobežotu krāsu paleti, saglabā caurspīdīgumu, bet eksportē lielākā izmērā. Abiem PNG tipiem ir bezzaudējumu saspiešana.

Lai gan PNG formāti ir līdzīgi GIF, tie neatbalsta animāciju. Šo formātu visbiežāk izmanto ikonām, maziem nekustīgiem attēliem vai jebkuram attēlam, kam nepieciešama caurspīdība.

Plusi PNG

• Atbalsta caurspīdīgumu
• Labi attēliem ar tekstu tajos
• PNG formāti labi padara logotipus
• Ietver iegultā teksta aprakstu meklētājprogrammām
• PNG-8 faila izmērs ir mazs un tas ir visvieglāk
• Eksports bez robainām malām

Mīnusi PNG

• Lielu failu, piemēram, attēlu, failu izmēri ātri palielinās
• Dažiem vecākiem e-pasta klientiem ir problēmas ar to atveidošanu
• Nav animācijas
• PNG-24 faili var kļūt lieli; nav tik piemērots koplietošanai tīmeklī

JPEG

Katru reizi, kad fotoattēls tiek saglabāts un eksportēts kā JPG, tas pasliktināsies.

JPG jeb Apvienotā fotoekspertu grupa jeb JPEG, iespējams, ir vispazīstamākais attēlu formāts. Tā ir noklusējuma opcija lielākajai daļai attēlu saglabāšanas, jo tā ir fotoattēlam draudzīga, pateicoties praktiski neierobežotam krāsu displejam.

JPG piedāvā arī iespēju izvēlēties, kā attēlam jābūt saspiestam no 0 procentiem (intensīva saspiešana) līdz 100 procentiem (bez saspiešanas). Lielākā daļa dizaineru izvēlas kaut ko no 60 līdz 70 procentiem. Attēli joprojām izskatās labi šajā saspiešanas līmenī, bet failu izmēri ir ievērojami mazāki.

JPG izmanto nederīgu saspiešanu un saspiešanas laikā neuztur oriģinālos datus. Katru reizi, kad fotoattēls tiek saglabāts un eksportēts kā JPG, tas pasliktināsies.

JPG formātu visbiežāk izmanto attēliem, fotografēšanai un visam, kam ir daudz krāsu.

JPEG plusi

• Lieliski piemērots augstas krāsas un fotografēšanai
• Viegli samazināt failu izmērus
• Konsekventi nodrošina e-pasta klientiem

Mīnusi JPEG

• Nav caurspīdīguma
• Izveido teksta robainas malas
• Nav animācijas
• Zudīgs formāts
• Nav automātisku metadatu meklēšanai, tajā jāiekļauj informācija

Kādu formātu jums vajadzētu izmantot?

Tagad, kad jūs zināt, kādas ir atšķirības starp SVG vs PNG vs JPG, ko jums vajadzētu izmantot?

Varat uzdot sev dažus jautājumus, lai iegūtu šo atbildi.

Vai jums ir nepieciešams vektora vai rastra formāts?
Vektors: SVG
Rastrs: JPG vai PNG

Vai jums nepieciešama pārredzamība?
Jā: SVG vai PNG
Nē: JPG

Vai jūs izmantojat augstas krāsas attēlu?
Jā: JPG vai PNG
Nē: SVG

Vai tas ir liels fotoattēls?
Jā: JPG
Nē: PNG

Vai attēlā ir teksts?
Jā: PNG
Nē: JPG

Vai bezspēcīga saspiešana jums ir svarīga?
Jā: SVG vai PNG
Nē: JPG

Vai grafika ir jāatjaunina un jāpārkārto?
Jā: SVG
Nē: PNG vai JPG

Vai jūs izmantojat animāciju?
Jā: SVG
Nē: JPG vai PNG

Secinājums

Visiem trim attēlu formātiem - SVG, PNG un JPG - ir praktiskas un plaša pielietojuma iespējas. Lai gan SVG ir jaunākais formāts un to bieži var saglabāt līdz mazākajam faila lielumam, tas ne vienmēr ir labākais risinājums.

Padomājiet par to, kā projektā izmantojat attēlus, kad izvēlaties faila tipu, lai atrastu to, kas vislabāk darbosies tam, ko mēģināt paveikt. Varētu pat secināt, ka projekti ietver attēlus, kuros tiek izmantoti visi trīs failu tipi. (Tas faktiski ir diezgan bieži!)