Heb je weleens een afbeelding opgeslagen en die ellenlange lijst met afbeeldingsformaten gezien? JPEG, PNG, GIF, TIFF… Het lijkt allemaal uitwisselbaar, totdat het dat plotseling niet meer is. Maar wat zit er eigenlijk achter al die verschillende afbeeldingen bestandstypes? En waarom zijn er zoveel?
Decennia van innovatie zitten in de manier waarop we digitale beelden zien. Het verhaal is er één van constante verbetering: beelden kleiner, mooier en makkelijker te verplaatsen over het internet maken. Laten we eens dieper duiken in deze fascinerende wereld.
Raster versus Vector: De Fundamenten van Beeld
In de kern zijn er twee fundamenteel verschillende manieren waarop afbeeldingsformaten werken. Sommige zijn opgebouwd uit pixels – kleine gekleurde puntjes die samen een beeld vormen. Dit noemen we rasterafbeeldingen. Andere zijn opgebouwd uit instructies: wiskundige formules die lijnen, curven en vormen beschrijven. Dit zijn vectorafbeeldingen.
Het verschil? Rasterafbeeldingen verliezen kwaliteit als je ze te groot maakt, omdat de pixels zichtbaar worden. Vectorafbeeldingen, zoals SVG, kunnen we eindeloos schalen zonder ook maar één detail te verliezen. Ze blijven altijd haarscherp, wat een gamechanger is voor logo’s en iconen op onze diverse schermen.
Een Korte Geschiedenis van Digitale Beelden: Van Zwaar naar Slim
De reis van digitale beelden begint al in de jaren 80. In 1984 zagen we TGA, een professioneel formaat met een ‘alpha channel’ voor transparantie, een innovatie die het tot de industriestandaard maakte voor 3D-texturen. Zelfs in legendarische games als Counterstrike vind je ze nog steeds terug.
Een jaar later verscheen PCX, populair in het MS-DOS-tijdperk. Het gebruikte als een van de eersten RLE-compressie, een slimme methode om ruimte te besparen door te zeggen “50 keer wit” in plaats van 50 keer “wit” te schrijven. Ideaal voor simpele afbeeldingen met veel egale kleuren. Toen was dit hét digitale fotoalbum.
En dan was er in 1986 BMP, Microsofts poging. Dit was de puurste, maar ook de zwaarste vorm: een raster waar elke pixel individueel is opgeslagen, zonder trucjes. Een foto van 2 MB als JPEG kon zomaar 50 MB zijn als BMP. Je komt het nu zelden tegen, tenzij het per ongeluk is opgeslagen. Het laat zien waar we vandaan komen: elk pixel opslaan, zonder compressie. En dát, wisten we al snel, kon niet lang duren.
De Grote Spelers: JPEG, PNG en het Belang van Compressie
In 1992 verscheen de absolute gamechanger: JPEG. Dit formaat, gecreëerd door de Joint Photographic Experts Group, wilde één vraag oplossen: hoeveel data kunnen we weggooien voordat onze ogen het merken?
JPEG gebruikt lossy compressie. Denk eraan als het vacuüm verpakken van je kleding voor een reis: je krijgt veel meer in je koffer, maar het komt er wat verkreukeld uit. JPEG is echter slim: het gooit details weg die je toch niet snel opmerkt. Een foto van 10 MB kan zo 2 MB worden en er bijna identiek uitzien. Dit maakt het de optimale afbeelding voor web voor de meeste foto’s. Let wel op: elke keer dat je een JPEG bewerkt en opslaat, verlies je opnieuw een beetje kwaliteit. Bewerk daarom altijd het origineel en sla pas aan het einde op als JPEG. Oh, en JPG en JPEG zijn precies hetzelfde ding; de driecijferige extensie komt van oude Windows-limieten.
Een interessante kanttekening: JPEG-bestanden (en ook HEIC en RAW) slaan vaak metadata op, de zogenaamde EXIF-data. Hierin staat bijvoorbeeld met welke camera de foto is gemaakt en soms zelfs de exacte GPS-coördinaten. Als je je hier zorgen over maakt, is er een simpele truc: maak een screenshot van je eigen foto. Het nieuwe bestand heeft dan geen metadata meer.
PNG kwam in 1996, geboren uit protest. Het bedrijf achter het GIF-patent vroeg plotseling royalty’s, en het internet reageerde met: “Nee, dan maken we een nieuw formaat.” En zo ontstond PNG: open-source, patentvrij en, zoals de naam (officieus) al zegt: “PNG’s Not GIF”.
PNG gebruikt lossless compressie. Dat betekent dat er geen data wordt weggegooid; de afbeelding wordt perfect gereconstrueerd. Daarom is PNG ideaal voor logo’s, iconen, screenshots en graphics met scherpe randen en egale kleuren. Bovendien ondersteunt PNG echte transparantie, iets wat JPEG niet kan. Het nadeel? De bestanden zijn vaak veel groter dan vergelijkbare JPEGs. Voor gewone foto’s is dat prijsverschil zelden de moeite waard.
GIF en de Niche Formaten: Animaties, Archieven en Ruwe Data
In 1987 verscheen GIF, destijds indrukwekkend door efficiënte compressie en, belangrijker nog, ondersteuning voor animatie. Cruciaal in de dagen van trage inbelverbindingen. De beperking van GIF is de 256 kleuren, waardoor het worstelt met verlopen en foto’s. Toch is GIF nooit verdwenen. Memes, reactieafbeeldingen, korte loopende clips – de naam is synoniem geworden met het concept, zelfs als moderne platforms stiekem compactere videobestanden gebruiken.
TIFF (sinds 1986) is het formaat voor archivering en professionals. Het is lossless, ondersteunt lagen en een hoge kleurdiepte. Kortom: alles om een afbeelding perfect te bewaren. Bestanden zijn enorm, dus je ziet ze vooral in drukkerijen en bij professionele fotobewerking.
RAW is nog geen afbeelding, maar onbewerkte sensordata van een camera. Het is een categorie bestanden (zoals CR2, NEF), elk specifiek voor een cameramerk. RAW-bestanden bevatten veel meer informatie dan een uiteindelijke JPEG, nog voordat de camera contrast, kleur of witbalans heeft toegepast. Dit biedt fotografen maximale flexibiliteit bij nabewerking.
En dan is er SVG (sinds 2001), de vectorrevolutie. In plaats van pixels, bevat SVG instructies die vormen, lijnen en curven beschrijven. Dit betekent dat een SVG-bestand van een klein icoon tot een gigantische banner kan schalen zonder enig kwaliteitsverlies. Daarom zien we SVG overal op moderne websites voor logo’s en iconen. De bestanden zijn klein en blijven overal scherp.
De Toekomst is Nu: Moderne Afbeeldingsformaten
In 2010 introduceerde Google WEBP. Het idee: één formaat dat JPEG voor foto’s, PNG voor transparantie en GIF voor animatie combineert. WEBP ondersteunt zowel lossy als lossless compressie, transparantie én animatie, en is typisch 20-30% kleiner dan vergelijkbare JPEGs of PNGs. Eerst was de adoptie traag, maar nu wordt WEBP breed ondersteund door moderne browsers. Veel websites leveren WEBP-afbeeldingen als je browser dit aankan, en vallen terug op JPEG of PNG als dat niet zo is.
Rond 2015 verscheen HEIF (of HEIC zoals Apple het noemt, sinds 2017 op iPhones). Dit formaat leent compressietechnieken van moderne videocodecs. HEIC-afbeeldingen zien er doorgaans beter uit bij dezelfde bestandsgrootte, ondersteunen bredere kleurbereiken en HDR. Apple’s motivatie was praktisch: betere camera’s, meer foto’s, vollere opslag. HEIC verminderde de bestandsgrootte significant zonder merkbaar kwaliteitsverlies. Het nadeel is compatibiliteit; je iPhone converteert vaak automatisch naar JPEG bij delen, maar niet altijd.
De technisch meest correcte antwoord is misschien wel AVIF. Dit formaat komt ook uit de videowereld (gebaseerd op de AV1-videocodec). AVIF biedt waanzinnig goede compressie, betere kleuren, betere verlopen en minder blokkerige artefacten dan JPEG of PNG, bij dezelfde kwaliteit. Het ondersteunt zelfs transparantie en HDR. Op papier wint het eigenlijk op alle fronten. De adoptie kwam laat op gang, maar het verandert nu snel. Grote platforms gebruiken het stilzwijgend, en als een afbeelding verdacht snel laadt en er goed uitziet voor zijn formaat, is de kans groot dat AVIF het werk doet.
Veelgestelde Vragen
Wanneer gebruik ik welk afbeeldingsformaat?
Voor foto’s met veel details is JPEG meestal de beste keuze vanwege de efficiënte lossy compressie. Voor logo’s, iconen, schermafbeeldingen of graphics met transparantie kies je PNG vanwege de lossless compressie en perfecte transparantie. Als je oneindig schaalbare graphics nodig hebt, bijvoorbeeld voor website-iconen die op elk scherm scherp moeten zijn, gebruik je SVG (vector). Voor animaties blijft GIF populair, hoewel modernere videoformaten vaak efficiënter zijn. Voor de beste balans tussen kwaliteit en bestandsgrootte op het web, zijn WEBP en AVIF de formats van de toekomst.
Wat zijn de belangrijkste verschillen tussen JPG en PNG?
Het grootste verschil zit in de compressie en transparantie. JPG gebruikt *lossy* compressie, wat betekent dat het gegevens weggooit om kleinere bestanden te maken, ideaal voor foto’s. Het ondersteunt geen transparantie. PNG gebruikt *lossless* compressie, wat betekent dat er geen gegevens verloren gaan, perfect voor scherpe graphics en tekst. Het ondersteunt ook volledige transparantie. Hierdoor zijn PNG-bestanden vaak groter dan JPG-bestanden met dezelfde visuele kwaliteit.
Waarom zijn er zoveel afbeeldingen bestandstypes?
De verscheidenheid aan afbeeldingen bestandstypes is het resultaat van tientallen jaren technologische vooruitgang en de zoektocht naar optimale oplossingen voor specifieke behoeften. Elk formaat is ontworpen om een bepaald probleem op te lossen: efficiëntere compressie, transparantie, animatie, schaalbaarheid of het bewaren van onbewerkte data. Naarmate technologieën en behoeften evolueerden (denk aan de komst van het internet, hogere resolutie schermen, en mobiele apparaten), ontstonden nieuwe formats die betere prestaties of functionaliteiten boden dan hun voorgangers.
