JPEG, PNG, WebP of AVIF: welke moet je bewaren?
Ik heb dezelfde afbeelding in vier bestandsformaten. Welke bewaar ik, en welke verwijder ik?
Begin bij het beeld, niet bij het formaat
De formatendiscussie is bijna altijd de verkeerde discussie om mee te beginnen. Wat de uitkomst bepaalt, is de inhoud van de afbeelding. Foto's bestaan uit vloeiende, ruisige verlopen zonder herhaalde reeksen pixels. Schermafbeeldingen, logo's, diagrammen en pixelart bestaan uit vlakke vlakken, harde randen en een klein aantal exacte kleuren. Die twee soorten beeld comprimeren via volstrekt verschillende mechanismen, en een formaat dat uitblinkt in het ene is meestal middelmatig in het andere.
De eerste vraag is dus niet “is AVIF beter dan JPEG”. Het is “is dit een foto of een graphic, en is er transparantie nodig”. Zodra je die vraag beantwoordt, is de shortlist meestal één of twee formaten lang.
Wat elk formaat werkelijk doet
| Formaat | Compressie | Transparantie | Animatie | Past het best bij |
|---|---|---|---|---|
| JPEG | Alleen verliesgevend | Nee | Nee | Foto's die overal moeten openen |
| PNG | Alleen verliesvrij | Ja, 8-bits alpha | Nee (APNG is een aparte functie) | Schermafbeeldingen, logo's, vlakke graphics, exacte pixels |
| WebP | Verliesgevend of verliesvrij | Ja, in beide modi | Ja | Een algemene vervanger voor zowel JPEG als PNG |
| AVIF | Verliesgevend of verliesvrij | Ja, ook met 10 bit | Ja | Foto's waarbij de codeertijd acceptabel is |
De tabel verbergt één ding dat hardop gezegd mag worden: een PNG kun je niet kleiner maken door een kwaliteitsschuifregelaar omlaag te zetten, want die is er niet. Een PNG-optimalisator verkleint het bestand door een beter voorspellingsfilter en een beter palet te vinden, niet door detail weg te gooien. Daarom blijft een foto die als PNG is opgeslagen enorm, welke tool je er ook overheen haalt – er zit niets in het formaat waarmee het informatie kan weggooien.
Verliesgevend en verliesvrij zijn geen kwaliteitsklassen
Het is verleidelijk om “verliesvrij” te lezen als “goed” en “verliesgevend” als “slecht”. Het zijn geen kwaliteitsklassen, het zijn verschillende taken. Verliesvrij betekent dat de gedecodeerde pixels bit voor bit identiek zijn aan wat erin ging; dat is de juiste keuze wanneer het om de pixels zelf gaat, zoals bij een schermafbeelding van een interface waarin iemand tekst gaat lezen. Verliesgevend betekent dat de encoder detail mag weggooien dat het oog toch slecht opmerkt, en dat is de enige reden dat een foto van twaalf megapixel überhaupt in een paar honderd kilobyte past.
Een bruikbare vuistregel: zou je één verkeerde pixel opmerken, gebruik dan een verliesvrij formaat. Zou je dat niet, dan levert een verliesgevend formaat op een verstandige kwaliteitsinstelling een veel kleiner bestand op en zie je het verschil niet op normale kijkgrootte.
Waar WebP en AVIF hun plek verdienen
Beide nieuwere formaten gebruiken voorspellings- en transformatietechnieken die JPEG, gestandaardiseerd in 1992, niet heeft. In de praktijk betekent dat dat ze een vergelijkbare visuele kwaliteit kunnen halen bij een kleinere omvang, en beide kunnen overweg met transparantie, wat JPEG helemaal niet kan. WebP is de pragmatische: hij codeert snel en vervangt zowel JPEG als PNG met één formaat. AVIF is de ambitieuze: hij gebruikt de intraframe-technieken van de AV1-videocodec, ondersteunt hogere bitdieptes en levert voor fotografische inhoud doorgaans het kleinste bestand van de vier.
De prijs is codeertijd. AVIF coderen is een zoekprobleem, en de encoder besteedt daar echte processortijd aan. In een browsertabblad, op een telefoon, is die tijd van jou – daarom toont FileSlimmer bij AVIF de voortgang per bestand, in plaats van te doen alsof er niet gewacht wordt. Converteer je één hero-afbeelding, dan is die ruil duidelijk de moeite waard. Converteer je er vierhonderd, overweeg dan WebP.
Een oud bestand converteren maakt oude schade niet ongedaan
Dit is veruit de meest voorkomende teleurstelling. Neem je een JPEG die jaren geleden op lage kwaliteit is opgeslagen en converteer je die naar PNG of naar verliesvrije WebP, dan worden de blok- en ringing-artefacten trouw meegekopieerd naar het nieuwe bestand. Verliesvrij betekent “identiek aan de invoer”, en in de invoer zat de schade al in de pixels gebakken. Je krijgt een groter bestand met precies dezelfde gebreken.
Een verliesgevend bestand naar een ander verliesgevend formaat converteren is een tweede, aparte compressieronde, dus daar kunnen eigen artefacten bovenop komen. Heb je een keuze, converteer dan vanaf het meest originele bestand dat je nog hebt – het camera-origineel, de export uit de ontwerptool – en niet vanaf een kopie die al door een compressor is gegaan.
Een shortlist die je echt kunt gebruiken
- Foto die overal moet openen, ook in oude software: houd JPEG.
- Foto voor je eigen site of app, waarbij jij bepaalt wat hem uitleest: WebP, of AVIF als je de codeertijd kunt missen.
- Schermafbeelding, logo, diagram, grafiek of alles met tekst in de pixels: PNG, of verliesvrije WebP als omvang zwaarder weegt dan universele ondersteuning.
- Alles wat een transparante achtergrond nodig heeft: PNG, WebP of AVIF. Geen JPEG.
- Een archiefkopie die je later misschien opnieuw bewerkt: bewaar het originele bestand, wat het ook is, en beschouw elke gecomprimeerde versie als wegwerpmateriaal.
Wat deze vergelijking je niet vertelt
Er staat hier geen rangorde op omvang, en dat is bewust. Gepubliceerde vergelijkingen zijn gemeten op een bepaalde beeldenset, met bepaalde encoderversies en instellingen, en het resultaat verschuift zodra daar iets aan verandert. Je eigen foto is de enige test die iets over je eigen foto zegt. Converteer dezelfde bron één keer naar elke kandidaat op een kwaliteitsinstelling die je acceptabel vindt, en vergelijk daarna de twee getallen en de twee beelden naast elkaar.
Ook de ondersteuning verandert in de loop van de tijd. Voordat je een hele bibliotheek aan een nieuwer formaat toevertrouwt, ga na wat de bestanden moet kunnen openen: een browser, een fotogalerij op een telefoon, een printer, de tien jaar oude desktopapplicatie van een klant. Het beste formaat is het kleinste dat alles in dat lijstje daadwerkelijk kan lezen.
Tools hiervoor
Bronnen
- ITU-T T.81 — the JPEG standard
- W3C — Portable Network Graphics (PNG) Specification (Third Edition)
- Google — WebP container and bitstream documentation
- Alliance for Open Media — AV1 Image File Format (AVIF)