Registreren

[RedRose]

Inleiding
Er bestaan verschillende bestandsformaten voor afbeeldingen, waarvan de bekendsten waarschijnlijk BMP (bitmap), JPEG (Joint Photographic Experts Group), GIF (Graphics Interchange Format) en PNG (Portable Network Graphics). Allen hebben ze voor- en nadelen. In dit artikel zal ik deze vier soorten afbeeldingen behandelen, en aangeven welk formaat voor welke soort afbeelding het geschikst is.


Bitmap
In een bitmap-afbeelding wordt per pixel de kleur beschreven. Voor elke pixel worden 24 bits (3 bytes) gebruikt. Hierdoor zijn bitmaps over het algemeen groot te noemen, waardoor ze minder geschikt zijn om te gebruiken op een webpagina. Ter illustratie: de banner van google is 285 bij 110 pixels. Als dit plaatje zou zijn opgeslagen als bitmap zou het 285 * 110 * 3 / 1024 = 91,8 kilobyte aan ruimte in beslag nemen. Zeker als de gebruiker gebruik maakt van een telefoonverbinding om je pagina te bezoeken, is dit niet wenselijk.


JPEG
JPG ondersteunt net als bitmaps ongeveer 16,7 miljoen kleuren, waardoor foto's het beste als JPG kunnen worden opgeslagen.

Het is aan te raden om een JPG niet verschillende malen achter elkaar op te slaan, omdat bij elke keer dat je hem opnieuw opslaat, data verloren gaat en deze kan niet meer herkregen worden.


GIF
GIF ondersteunt 256 kleuren, en is daarmee uitermate geschikt voor het opslaan van logo's en icoontjes, die in de regel uit weinig verschillende kleuren bestaan.

GIF ondersteunt ook transparantie, interlacing en animatie. Transparantie houdt in dat een gedeelte van de afbeelding transparant kan worden gemaakt, dit is uitermate geschikt voor bijvoorbeeld 'smilies', kleine icoontjes gebruikt op bijvoorbeeld fora om het gevoel van de schrijver uit te drukken. Door de transparantie kan de achtergrond elke kleur hebben, zonder dat je een witte rand om het gezichtje ziet.

Als een afbeelding interlaced is, houdt dat in dat bij het laden van het plaatje de kwaliteit hoger wordt naarmate er meer van het plaatje wordt geladen, hierdoor worden eerst de contouren in een afbeelding zichtbaar, en pas later de details. Dit is vooral handig bij een langzame verbinding of een groot plaatje.

We kennen allemaal wel de icoontjes van een open- en dichtgaande brievenbus, ten teken dat je daarop moet klikken om een emailtje te sturen. Hiervoor worden vaak animated GIFs gebruikt. Pas wel op met animated GIFs: ze maken een website snel te druk.


PNG
PNG (spreek uit: ping) is een relatief nieuw bestandsformaat voor afbeeldingen, ontworpen nadat het compressiealgorithme voor GIFs werd gepatenteerd.

PNG ondersteunt 16,7 miljoen kleuren, waardoor het ook mogelijk is om foto's in dit formaat op te slaan.

Een belangrijk voordeel van PNG is dat per pixel behalve de RGB-waarde ook een A (alpha-) waarde kan worden opgegeven. Hierdoor is het mogelijk om net als bij GIF een stukje van de afbeelding volledig transparant te maken, maar je kunt het ook half-transparant maken.