1. Acasă
2. Formate de imagini

Comparație formate: JPEG, PNG, WebP și AVIF

Patru formate acoperă peste 99% din imagini pe webul modern. Fac compromisuri diferite la compresie, transparență, animație și suport de browsere. Iată un ghid practic ca să alegi formatul potrivit.

Comparație alăturată

Privire de ansamblu; detaliile pe format sunt mai jos.

JPEG — baza universală

Cum funcționează

JPEG (Joint Photographic Experts Group) este standardizat din 1992 și e cel mai vechi dintre cele patru. Folosește DCT cu pierderi pe blocuri 8×8, apoi cuantizare și codare entropică. Calitatea se controlează cu un număr de la 1 la 100. Encodere moderne precum MozJPEG obțin cu 10–20% mai mult din format fără a schimba bitstream-ul, astfel orice decodor JPEG le poate citi.

Potrivit pentru

Conținut fotografic cu tonuri line și mult detaliu — portrete, peisaje, produse, imagini hero.

Avantaje

• Suportat de orice vizualizator de imagini.
• Decodare accelerată hardware aproape peste tot.
• Ecosistem matur de optimizatoare (MozJPEG, jpegli).

Dezavantaje

• Fără canal alfa — fundalurile trebuie aplatizate.
• Artefacte pe blocuri la text, linie și muchii tari.
• Doar 8 biți per canal.

PNG — fără pierderi și transparent

Cum funcționează

PNG (Portable Network Graphics) a apărut la mijlocul anilor '90 ca înlocuitor liber al GIF. Este strict fără pierderi: compresie DEFLATE cu filtre pe rând. Optimizatoare precum oxipng (port Rust al lui optipng) încearcă combinații filtru/compresie pentru dimensiune minimă fără a schimba un pixel.

Potrivit pentru

Interfețe, pictograme, capturi, diagrame, linie, logo cu culori uniforme și orice cere alfa adevărat.

Avantaje

• Fără pierderi — pixelii supraviețuiesc round-trip-ului intacți.
• Alfa 8 biți, până la 16 biți per canal.
• Suport universal.

Dezavantaje

• Mare la fotografii — adesea de multe ori față de JPEG/WebP/AVIF.
• Fără animație în specificația originală (APNG e extensie ulterioară).

WebP — formatul „web-first” al Google

Cum funcționează

WebP a fost lansat de Google în 2010, bazat pe codec video VP8, apoi extins cu un mod fără pierderi separat. Suportă cu și fără pierderi, alfa și animație. În modul cu pierderi bate de obicei JPEG cu 25–35% la calitate echivalentă. Fără pierderi bate adesea PNG cu 20–30%.

Potrivit pentru

Utilizare generală pe web când AVIF încă nu e prudent — fotografii, sprite-uri cu transparență, înlocuitori GIF animate și nivel de fallback sub AVIF.

Avantaje

• Un singur format pentru fotografii, grafică, alfa și animație.
• Semnificativ mai mic decât JPEG și PNG la calitate comparabilă.
• Suport larg: browsere actuale din 2020.

Dezavantaje

• 8 biți per canal — fără HDR în acest sens.
• Decodare uneori mai lentă decât JPEG pe dispozitive slabe.

AVIF — liderul actual la compresie

Cum funcționează

AVIF (AV1 Image File Format) este un profil de imagine statică al codec-ului video AV1, din 2019 (Alliance for Open Media). Suportă până la 12 biți, alfa, HDR, gamă largă și granulație de film. Encoderul de referință (aom-av1 din libavif) e lent dar obține cea mai bună compresie practică astăzi pentru fotografii reale.

Potrivit pentru

Imagini hero, galerii și oriunde contează mai mult banda decât timpul CPU. Funcționează bine ca nivel superior în <picture>.

Avantaje

• Compresie de top — adesea 40–60% sub JPEG.
• Alfa, animație, HDR, gamă largă, adâncime 10/12 biți.
• Fără redevențe, deschis.

Dezavantaje

• Codare lentă — planifică build-time sau async.
• Safari abia din versiunea 16 (2022).
• Mai puțin potrivit decât WebP fără pierderi sau PNG la grafică sintetică dură.

Ce format să folosesc?

• Fotografii, imagini hero pe toată lățimea: AVIF ca format principal, WebP și JPEG ca fallback prin <picture>.
• Grafică UI cu transparență (pictograme, logo): PNG pentru compatibilitate maximă, WebP fără pierderi pentru fișiere mai mici.
• Linie, capturi, diagrame: PNG (sau WebP fără pierderi) — JPEG/AVIF pe muchii dure lasă artefacte.
• În loc de GIF animate: WebP sau AVIF — mult mai mici, cu alfa adevărat.
• Un singur format pe toate browserele, astăzi: JPEG pentru poze, PNG pentru grafică. Nu e cea mai ușoară opțiune, dar zero probleme de compatibilitate.

În practică nu trebuie să alegi unul singur: livrează AVIF primul, WebP al doilea, JPEG sau PNG ultimul în <picture> — fiecare browser primește cea mai mică versiune pe care o poate decodifica.