PNG versus GIF en JPEG

Als programmeur/vormgever werken we het liefst met PNG. Het bestandsformaat dat je kunt vertalen naar Portable Network Graphics file heeft namelijk de mogelijkheid om transparant te zijn, zowel deels als volledig! Hierdoor kun je de afbeelding gebruiken op veel effectieve manieren binnen het web.

uitleg png formaat afbeelding

Toch zijn er enkele struikelblokken waar je rekening mee moet houden, denk aan de bestandsgrootte, PNG neemt veel meer dataruimte in beslag, bij het gebruik van PNG is het dus belangrijk dit niet overbodig als grote header/background afbeeldingen te hanteren, anders duurt het veel langer om de website te laden.

PNG wordt niet ondersteund in IE6 en lager, daar worden de alpha channels, de doorzichtige lagen grijs weergegeven!

Hoe zit het dan met GIF?

GIF ofwel graphics interchange format is de voorloper van PNG, deze heeft wel een alpha mogelijkheid maar die is niet subtiel of halftransparant. Zodoende zie je bij randen dat het niet subtiel overgaat van rand naar afbeelding.

JPEG het meest voorkomende bestandsformaat

JPEG wat de afkorting is van Joint Photographic Experts Group wordt het meeste gebruikt. Dit omdat de hoeveelheid data het minst innemend is maar er wel voldoende informatie wordt geboden om een mooie afbeelding te tonen. De kwaliteit van de afbeelding hang o.a. af van de kleurschakelingen. JPEG kan enkele miljoenen kleuren bevatten.