Basisprincipes voor het web

Kies het beste afbeeldingsformaat voor het web

Gebruik JPEG en PNG waar elk formaat het best tot zijn recht komt, zodat afbeeldingen scherp, compatibel en efficiënt blijven.

JPEG of PNGLaadtijdBeeldkwaliteit
Vergelijking van JPEG en PNG voor afbeeldingen op websites

Het bestandsformaat wordt gemakkelijk over het hoofd gezien, maar heeft rechtstreeks invloed op de beeldkwaliteit, laadtijd en browserondersteuning.

Wat moet een afbeeldingsformaat voor het web kunnen?

  • Belangrijke details behouden.
  • De download redelijk klein houden.
  • Werken in gangbare browsers en op verschillende apparaten.

Voor de meeste websites voldoen twee vertrouwde formaten aan deze eisen: JPEG (.jpg) en PNG (.png). De juiste keuze hangt af van wat er op de afbeelding staat.

Kies JPEG voor foto’s en kleurverlopen

JPEG is meestal de praktische keuze voor portretten, reisfoto’s, evenementen en andere beelden met veel kleuren of vloeiende toonovergangen. Het biedt een goede balans tussen zichtbare kwaliteit en bestandsgrootte.

Kleurrijke restaurantfoto opgeslagen als JPEG
Deze JPEG is 148 KB. Dezelfde afbeelding als PNG zou 1,52 MB zijn: meer dan tien keer zo groot.

Kies PNG voor scherpe randen en transparantie

PNG werkt vaak beter voor documentpagina’s, schermafbeeldingen, diagrammen, logo’s en illustraties met weinig kleuren. Het behoudt scherpe randen en ondersteunt transparante delen.

Transparant PNG-diagram met scherpe lijnen
Deze PNG is 41 KB. Een JPEG-versie zou bijna twee keer zo groot zijn en de transparantie verliezen.

Een eenvoudige vuistregel

Foto’s en portretten: JPEG.
Diagrammen, schermafbeeldingen, documenten en logo’s: PNG.

Deel afbeeldingen zonder te twijfelen over het formaat

Maak een overzichtelijk online album en laat je foto’s goed uitkomen op smartphones, tablets en computers.