GIF, JPEG en PNG

GIF, JPEG en PNG zijn de meest gebruikte image-types op het web. Op het eerste gezicht lijken ze erg op elkaar, maar als je even iets verder kijkt, zie je dat ze wel degelijk verschillen. We zetten de voordelen en de nadelen voor je op een rijtje.

GIF

GIF staat voor Graphic Interchange Format. GIF heeft een belangrijke optie: je kunt een adaptief palet gebruiken. Een adaptief palet kiest de beste kleuren uit voor een afbeelding zodat deze toch klein blijft, maar wel een goede kwaliteit behoudt. Het nadeel van dit adaptief palet is dat het maximaal 256 kleuren kan bevatten. GIF is dus niet geschikt voor afbeeldingen met veel verschillende kleuren. Verder ondersteunt GIF alleen volledige transparantie, en is het dus niet geschikt voor halftransparante schaduwen.

JPEG

JPEG staat voor Joint Photographers Expert Group. JPEG wordt meestal gebruikt voor fotografische afbeeldingen met veel kleuren. JPEG ondersteunt 16- en 32 bit plaatjes, dit betekent dat een afbeelding miljoenen kleuren kan bevatten.

JPEG heeft ondersteuning voor het compresseren van afbeeldingen. Dit betekent dat de bestandsgrootte van de afbeeldingen kleiner gemaakt kan worden. Omdat JPEG gebruikt maakt van lossy compressie, gaat dit wel ten koste van de kwaliteit: als de afbeelding te veel gecompresseerd wordt, krijg je een blokkerig beeld. JPEG ondersteunt geen transparantie.

PNG

PNG staat voor Portable Network Graphics. PNG bevat een belangrijke optie, die het een veelgebruikt bestandsformaat maakt: alpha-transparantie. In tegenstelling tot normale transparantie (zoals bijvoorbeeld bij het GIF-formaat) kan alpha-transparantie ook gedeeltelijk transparant zijn. Dit is dus zeer geschikt voor schaduwen en dergelijke. Het PNG-formaat wordt hierdoor veel gebruikt voor grafische elementen (zoals iconen) die gedeeltelijk transparante elementen bevatten.

PNG ondersteunt net als JPEG compressie. JPEG maakt echter gebruik van lossy compressie, waar PNG gebruik maakt van lossless compressie. Dit betekent dat er geen kwaliteitsverlies optreedt bij het compresseren. Het nadeel van lossless compressie is echter dat afbeeldingen slechts beperkt kleiner gemaakt kunnen worden. Daarom is PNG minder geschikt voor foto's: deze blijven dan vaak erg veel ruimte innemen.

Voorbeelden

GIF 128 (15,5 kb) GIF 64 (11,7 kb) GIF 32 (8,7 kb)
JPEG 100% (26,5 kb) JPEG 70% (6,6 kb) JPEG 30% (3,5 kb)
PNG 0 (88,3 kb) PNG 9 (50,2 kb)

Conclusie

Een keuze maken tussen PNG en GIF is soms lastig. Voor iconen en grafische elementen die geen gebruik hoeven te maken van alpha-transparantie is GIF het overwegen waard. Gebruik je wel alpha-transparantie voor je grafische element, dan is PNG een betere keus. Voor de meeste foto's kun je het beste JPEG gebruiken, door de ondersteuning van lossy compressie.

Bookmark and Share