1. Domov
2. Formati slik

Primerjava formatov slik: JPEG, PNG, WebP in AVIF

Štirje formati pokrivajo več kot 99 % slik na sodobnem spletu. Izjemno različno kompromisirajo med stiskanjem, prosojnostjo, animacijo in podporo v brskalnikih. Tukaj je praktičen vodič za pravo izbiro.

Primerjava v tabeli

Najprej hiter pregled, nato podrobnejši razmislek za posamezen format.

JPEG — univerzalen izhodiščni format

Kako deluje

JPEG (kratica za Joint Photographic Experts Group) je bil standardiziran leta 1992 in je najstarejši od štirih. Uporablja izgubno diskretno cosinusno transformacijo na blokih 8×8, nato kvantizacijo in entropijsko kodiranje. Kakovost nadzoruje ena številka od 1 do 100. Sodobni kodirniki, kot je MozJPEG, izvlečejo še 10–20 % več brez spremembe bitnega toka, zato jih prebere vsak dešifrirnik JPEG.

Najbolj primeren za

Fotografske vsebine z gladkimi prehodi in veliko detajla — portreti, pokrajine, izdelke, velike slike.

Prednosti

• Podprt praktično v vsakem prikazovalniku slik.
• Strojno pospešeno dekodiranje skoraj povsod.
• Dozorel ekosistem optimizatorjev (MozJPEG, jpegli).

Slabosti

• Brez alfa kanala — ozadja morate združiti (flatten).
• Blokovski artefakti pri besedilu, črtah in ostrih robovih.
• Le 8 bitov na kanal.

PNG — neizguben in s prosojnostjo

Kako deluje

PNG (Portable Network Graphics) so ustvarili sredi 90-ih kot prosto, brez patentov nadomestilo za GIF. Je strogo neizguben: stiskanje DEFLATE nad filtri po vrsticah. Optimizatorji, kot je oxipng (Rust različica optipng), preizkušajo kombinacije filtrov in stiskanja za najmanjšo reprezentacijo brez spremembe piksla.

Najbolj primeren za

Vmesnike, ikone, posnetke zaslona, diagrame, črtovno grafiko, logotipe s ploskimi barvami in vse, kar potrebuje pravi alfa kanal.

Prednosti

• Neizgubno — piksli ohranijo točnost.
• Polna 8-bitna alfa, do 16 bitov na kanal.
• Splošno podprt.

Slabosti

• Na fotografijah velik — pogosto velikokrat večji kot JPEG/WebP/AVIF.
• Animacija v izvirniku ni (APNG je kasnejša razširitev).

WebP — format Googla za splet

Kako deluje

WebP je Google izdal leta 2010, na osnovi kodeka VP8, pozneje z ločenim neizgubnim načinom. Podpira izgubno in neizgubno stiskanje v enem vsebniku, z izbirno alfo in animacijo. V izgubnem načinu običajno prehiti JPEG za 25–35 % pri enaki kakovosti. V neizgubnem prehiti PNG za približno 20–30 %.

Najbolj primeren za

Splošno spletno dostavo, kjer AVIF še ni varen — fotografije, sprite z prosojnostjo, nadomestke za animirane GIF-e in kot srednji nivo pod AVIF.

Prednosti

• En format za fotografije, grafiko, alfo in animacijo.
• Precej manjše datoteke kot JPEG in PNG pri primerljivi kakovosti.
• Široka podpora: vsi trenutni brskalniki od približno 2020.

Slabosti

• 8 bitov na kanal — brez HDR.
• Na nekaterih šibkih napravah počasnejše dekodiranje kot pri JPEG.

AVIF — trenutno najboljše stiskanje

Kako deluje

AVIF (AV1 Image File Format) je profil statične slike za kodek AV1, izšel leta 2019 (Alliance for Open Media). Podpira do 12-bitno barvo, polno alfo, HDR, širok gamut in sintetični film grain. Referenčni kodirnik (aom-av1, v libavif) je počasen, a iztisne danes na voljo najboljše stiskanje za resnične fotografije.

Najbolj primeren za

Velike slike, galerije in kjer je pasovna širina pomembnejša od časa CPE. Dobra izbira kot zgornji nivo v elementu <picture>.

Prednosti

• Najmanjše datoteke v razredu — običajno 40–60 % manj kot JPEG.
• Alfa, animacija, HDR, širok gamut, 10/12-bitno.
• Brez licenc, odprto.

Slabosti

• Počasno kodiranje — načrtujte v času gradnje ali asinhrono.
• Safari je dodal podporo šele v različici 16 (2022).
• Manj prijazen za umetno grafiko kot neizgubni WebP ali PNG.

Kateri format izbrati?

• Fotografije, velike hero slike: AVIF kot prvi, WebP in JPEG kot nadomestki v <picture>.
• Grafika z prosojnostjo (ikone, logotipi): PNG za združljivost, neizgubni WebP za manjše datoteke.
• Črtovna grafika, posnetki, diagrami: PNG (ali neizgubni WebP) — JPEG/AVIF na ostrih robovih hitro škoduje.
• Nadomestitev animiranih GIF-ov: WebP ali AVIF — oba veliko manjša, oba s pravo alfo.
• En format za vse, danes: JPEG za fotografije, PNG za grafiko. Ne najmanjše, a brez skrbi o združljivosti.

V praksi ni treba izbrati le enega. Ponudite AVIF, nato WebP in na koncu JPEG ali PNG v <picture> — vsak brskalnik dobi najmanjšo različico, ki jo zmore dekodirati.