Formati slika objašnjeni: JPG, PNG, WebP, AVIF, GIF, BMP i ICO
Koji format koristiti za fotografije, logotipe, snimke zaslona, web-stranice, ispis i društvene mreže, i zašto.
Svaki format slike skup je kompromisa između veličine datoteke, kvalitete, prozirnosti, animacije i kompatibilnosti. Odaberete li pogrešan, dobit ćete ili napuhanu datoteku ili mutan logotip. Ovaj vodič objašnjava u čemu je koji format dobar, uz brojke koje su vam potrebne za odluku.
Dvije vrste sažimanja
Sažimanje bez gubitaka čuva svaki piksel točno onakvim kakav jest i samo pronalazi učinkovitiji način zapisa istih podataka, kao što to radi ZIP. Otvorite i spremite takvu sliku tisuću puta i ostat će nepromijenjena. Tako rade PNG, BMP, GIF i WebP bez gubitaka.
Sažimanje s gubicima odbacuje informacije, i to one detalje na koje je ljudsko oko najmanje osjetljivo: finu teksturu, suptilne razlike u boji i visokofrekventni šum. Rezultat može biti deset puta manji od datoteke bez gubitaka bez vidljive razlike, ali svako ponovno spremanje izgubi još malo. Tako rade JPG, WebP s gubicima i AVIF.
Iz toga izravno slijedi prvo pravilo: formate s gubicima koristite za fotografije, koje su pune šuma i teksture za kojima nitko ne žali, a formate bez gubitaka za grafike s oštrim rubovima, ravnim bojama i tekstom, gdje je važan svaki piksel.
Format po format
JPG (JPEG)
Format za fotografije još od 1992. godine. S gubicima, 8-bitna boja, bez prozirnosti, bez animacije. Podržava ga sve što je ikada napravljeno. Postavka kvalitete od 0 do 100 određuje kompromis, a 80 do 85 idealna je mjera za svakodnevnu upotrebu. Slabosti su mu vidljivi „blokovi“ pri niskoj kvaliteti, titranje oko oštrih rubova i nedostatak prozirnosti. Koristite ga za fotografije koje idu bilo kamo izvan preglednika: e-poštu, ispis, internetske trgovine i stariji softver.
PNG
Bez gubitaka, do 16-bitne boje, potpuna alfa prozirnost, bez animacije (APNG postoji, ali je rijedak). Pravi izbor za logotipe, ikone, snimke zaslona, dijagrame, grafikone i svaku sliku kojoj treba prozirna pozadina. Slabost mu je veličina: fotografija u PNG formatu može biti deset puta veća od JPG-a. Nikada ne koristite PNG za fotografije na web-stranici.
WebP
Googleov web-format, danas podržan u svim aktualnim preglednicima. Ima način rada s gubicima i bez njih, u oba podržava prozirnost, a podržava i animaciju. WebP s gubicima otprilike je 25 do 35 % manji od JPG-a pri jednakoj kvaliteti, a WebP bez gubitaka otprilike 25 % manji od PNG-a. To je najbolji format opće namjene za sve što se prikazuje u pregledniku. Slabost mu je kompatibilnost izvan preglednika: stariji programi za računalo, neki klijenti e-pošte i mnogi obrasci za prijenos na poslužitelj još ga odbijaju.
AVIF
Još noviji format, temeljen na videokodeku AV1. Obično je 50 % manji od JPG-a i 20 % manji od WebP-a pri jednakoj kvaliteti, uz prozirnost, animaciju i podršku za širok raspon boja. Svi aktualni preglednici podržavaju ga od 2024. godine. Kodiranje je sporo, osobito u pregledniku, a podrška u softveru izvan preglednika još je nepotpuna. Koristite ga kada je veličina datoteke presudna i kada kontrolirate okruženje prikaza, a uz njega ponudite WebP ili JPG kao zamjenu.
GIF
Iz 1987. godine. Ograničen na 256 boja po sličici, prozirnost samo jedne boje i animaciju, koja je jedini razlog zašto je i dalje posvuda. Užasan za fotografije, dovoljno dobar za jednostavne grafike, nenadmašan po kompatibilnosti. Za statične slike PNG radi sve što i GIF, samo bolje, a za animaciju su MP4 ili animirani WebP mnogo manji.
BMP
Nesažeta Windows bitmapa. Ogromne datoteke, u uobičajenoj upotrebi bez prozirnosti, bez sažimanja. Opstaje samo zato što ga je iznimno lako pročitati, što je važno ugrađenim uređajima i zastarjelom softveru. Nikada ga ne koristite za web ni za pohranu.
ICO
Format Windows ikona i favicona u pregledniku. Sadrži nekoliko veličina iste slike u jednoj datoteci kako bi se za karticu, oznaku ili prečac na radnoj površini mogla odabrati prava. Izrađuje se iz PNG-a pomoću alata PNG u ICO.
Usporedna tablica
| Format | Sažimanje | Prozirnost | Animacija | Veličina fotografije u odnosu na JPG | Kompatibilnost |
|---|---|---|---|---|---|
| JPG | S gubicima | Ne | Ne | 1× | Posvuda |
| PNG | Bez gubitaka | Da, potpuni alfa kanal | Ne | 5 do 10× | Posvuda |
| WebP | Oboje | Da, potpuni alfa kanal | Da | 0,65 do 0,75× | Svi preglednici, većina modernih aplikacija |
| AVIF | Oboje | Da, potpuni alfa kanal | Da | 0,5× | Svi aktualni preglednici, malo aplikacija |
| GIF | Bez gubitaka, 256 boja | Da, uključeno/isključeno | Da | 2 do 4× (i lošija kvaliteta) | Posvuda |
| BMP | Nema | Ne | Ne | 20 do 30× | Posvuda, ali rijetko u upotrebi |
Koji format za koji posao
- Fotografije na web-stranici: WebP s kvalitetom 75 do 85, uz JPG kao zamjenu ako morate podržati vrlo stare preglednike. AVIF ako želite najmanje moguće stranice.
- Logotipi i ikone na web-stranici: SVG ako ga imate, a inače PNG ili WebP bez gubitaka.
- Snimke zaslona: PNG. Sažimanje s gubicima zamućuje tekst.
- Privici e-pošte: JPG za fotografije, PNG za grafike. Ne šaljite WebP jer ga previše klijenata e-pošte ne obrađuje ispravno.
- Ispis: JPG s kvalitetom 95 ili PNG/TIFF, s 300 piksela po inču ispisane veličine.
- Društvene mreže: JPG ili PNG. Svaka platforma ionako ponovno sažima sliku pri prijenosu na poslužitelj, zato prenesite visoku kvalitetu i točne dimenzije.
- Prozirni izresci proizvoda: PNG za najveću kompatibilnost, WebP za web.
- Favicon: ICO i dodatno PNG za početne zaslone mobitela.
Pretvaranje između formata
Svako pretvaranje na ovoj stranici odvija se u vašem pregledniku. Najčešći su putevi PNG u WebP i JPG u WebP za web, WebP u JPG i WebP u PNG za kompatibilnost te PNG u JPG za smanjivanje fotografija spremljenih u pogrešnom formatu. Alat za sažimanje slika obrađuje sve njih, i to više datoteka odjednom.