Formati slika objašnjeni: JPG, PNG, WebP, AVIF, GIF, BMP i ICO
Koji format koristiti za fotografije, logotipe, snimke ekrana, veb stranice, štampu i društvene mreže, i zašto.
Svaki format slike je skup kompromisa između veličine fajla, kvaliteta, providnosti, animacije i kompatibilnosti. Ako izaberete pogrešan, dobićete ili naduven fajl ili mutan logotip. Ovaj vodič objašnjava u čemu je koji format dobar, uz brojke koje su vam potrebne za odluku.
Dve vrste kompresije
Kompresija bez gubitaka čuva svaki piksel tačno onakav kakav jeste i samo pronalazi efikasniji način da zapiše iste podatke, kao što to radi ZIP. Otvorite i sačuvajte sliku bez gubitaka hiljadu puta i ona će ostati ista. PNG, BMP, GIF i WebP bez gubitaka rade na ovaj način.
Kompresija sa gubicima odbacuje informacije i cilja detalje na koje je ljudsko oko najmanje osetljivo: sitnu teksturu, suptilne razlike u boji, šum visoke frekvencije. Rezultat može biti deset puta manji od fajla bez gubitaka bez vidljive razlike, ali svako ponovno čuvanje odnese još malo kvaliteta. JPG, WebP sa gubicima i AVIF rade na ovaj način.
Prvo pravilo sledi direktno iz toga: formate sa gubicima koristite za fotografije, koje su pune šuma i teksture koje niko neće primetiti, a formate bez gubitaka za grafiku sa oštrim ivicama, ravnim bojama i tekstom, gde je svaki piksel važan.
Format po format
JPG (JPEG)
Format za fotografije još od 1992. godine. Sa gubicima, 8-bitna boja, bez providnosti, bez animacije. Podržan je u svemu što je ikada napravljeno. Podešavanje kvaliteta od 0 do 100 određuje kompromis; vrednost od 80 do 85 je idealna za svakodnevnu upotrebu. Slabosti su mu vidljivi „blokovi“ pri niskom kvalitetu, talasasti artefakti oko oštrih ivica i nedostatak providnosti. Koristite ga za fotografije koje idu bilo gde van pretraživača: imejl, štampa, onlajn prodavnice, stariji programi.
PNG
Bez gubitaka, boja do 16 bita, puna alfa providnost, bez animacije (APNG postoji, ali je redak). Pravi izbor za logotipe, ikone, snimke ekrana, dijagrame, grafikone i svaku sliku kojoj treba providna pozadina. Slabost mu je veličina: fotografija u PNG formatu može biti deset puta veća od JPG fajla. Nikada ne koristite PNG za fotografije na sajtu.
WebP
Googleov veb format, koji danas podržava svaki aktuelni pretraživač. Ima režim sa gubicima i režim bez gubitaka, podržava providnost u oba i podržava animaciju. WebP sa gubicima je oko 25 do 35% manji od JPG fajla pri istom kvalitetu; WebP bez gubitaka je oko 25% manji od PNG fajla. To je najbolji format opšte namene za sve što se prikazuje u pretraživaču. Slabost mu je kompatibilnost van pretraživača: stariji desktop programi, neki imejl klijenti i mnogi obrasci za otpremanje na server ga i dalje odbijaju.
AVIF
Još noviji, zasnovan na video kodeku AV1. Obično je 50% manji od JPG fajla i 20% manji od WebP fajla pri istom kvalitetu, uz providnost, animaciju i podršku za širok raspon boja. Podržavaju ga svi aktuelni pretraživači od 2024. godine. Kodiranje je sporo, naročito u pretraživaču, a podrška u programima koji nisu pretraživači je još uvek nepotpuna. Koristite ga kada je veličina fajla presudna i kada kontrolišete okruženje u kom se slika prikazuje; uz njega ponudite WebP ili JPG kao rezervu.
GIF
Iz 1987. godine. Ograničen na 256 boja po kadru, providnost jedne boje i animaciju, što je jedini razlog zašto je i dalje svuda. Užasan za fotografije, prihvatljiv za jednostavnu grafiku, nenadmašan po kompatibilnosti. Za statične slike PNG radi sve što radi GIF, samo bolje; za animaciju su MP4 ili animirani WebP daleko manji.
BMP
Nekompresovana Windows bitmapa. Ogromni fajlovi, bez providnosti u uobičajenoj upotrebi, bez kompresije. Opstaje samo zato što se izuzetno lako čita, što je važno za ugrađene uređaje i zastarele programe. Nikada ga ne koristite za veb ili za čuvanje.
ICO
Format Windows ikona i favikona u pretraživaču. Sadrži nekoliko veličina iste slike u jednom fajlu, kako bi se izabrala odgovarajuća za karticu, obeleživač ili prečicu na radnoj površini. Pravi se iz PNG fajla pomoću alata PNG u ICO.
Tabela poređenja
| Format | Kompresija | Providnost | Animacija | Veličina fotografije u odnosu na JPG | Kompatibilnost |
|---|---|---|---|---|---|
| JPG | Sa gubicima | Ne | Ne | 1× | Univerzalna |
| PNG | Bez gubitaka | Da, puna alfa | Ne | 5 do 10× | Univerzalna |
| WebP | Obe | Da, puna alfa | Da | 0,65 do 0,75× | Svi pretraživači, većina modernih aplikacija |
| AVIF | Obe | Da, puna alfa | Da | 0,5× | Svi aktuelni pretraživači, malo aplikacija |
| GIF | Bez gubitaka, 256 boja | Da, uključeno/isključeno | Da | 2 do 4× (i lošiji kvalitet) | Univerzalna |
| BMP | Nema | Ne | Ne | 20 do 30× | Univerzalna, ali se retko koristi |
Koji format za koji posao
- Fotografije na sajtu: WebP sa kvalitetom od 75 do 85, uz JPG kao rezervu ako morate da podržite veoma stare pretraživače. AVIF ako želite najmanje moguće stranice.
- Logotipi i ikone na sajtu: SVG ako ga imate; u suprotnom PNG ili WebP bez gubitaka.
- Snimci ekrana: PNG. Kompresija sa gubicima zamućuje tekst.
- Prilozi u imejlu: JPG za fotografije, PNG za grafiku. Ne šaljite WebP; previše imejl klijenata ga ne obrađuje kako treba.
- Štampa: JPG sa kvalitetom 95 ili PNG/TIFF, sa 300 piksela po inču odštampane veličine.
- Društvene mreže: JPG ili PNG; svaka platforma ionako ponovo kompresuje slike pri otpremanju, zato otpremite visok kvalitet u tačnim dimenzijama.
- Isečeni proizvodi sa providnom pozadinom: PNG za najveću kompatibilnost, WebP za veb.
- Favikoni: ICO plus PNG za početne ekrane mobilnih telefona.
Konverzija između formata
Svaka konverzija na ovom sajtu odvija se u vašem pretraživaču. Najčešće putanje su PNG u WebP i JPG u WebP za veb, WebP u JPG i WebP u PNG za kompatibilnost, i PNG u JPG za smanjivanje fotografija koje su sačuvane u pogrešnom formatu. Kompresor slika obrađuje bilo koji od njih, i to više fajlova odjednom.