html-wijzer

webdesign portal

GIF, JPEG en PNG

Categorie CSS
Geplaatst 02-04-2005
Laatste aanpassing 26-07-2010
Bookmark and Share

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. Welke kun je nou het beste kiezen voor welk doel?

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 behoud. 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. Een nadeel van JPEG is dat een bestand van goede kwaliteit al snel te groot is. JPEG ondersteunt 16- en 32 bit plaatjes, dit betekent dat een afbeelding miljoenen kleuren kan bevatten.

JPEG heeft de optie dat je zelf in kunt stellen hoeveel je je afbeelding compresseert (bestandsgrootte kleiner maken). Als je je afbeelding echter te veel compresseert, krijg je allemaal "vegen" over je plaatje heen. JPEG ondersteunt geen transparantie.

advertentie

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.

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 zal waarschijnlijk GIF de beste keuze zijn. 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.