WebP, SVG of JPEG: welk afbeeldingsformaat gebruik je waar en waarom?

Het juiste afbeeldingsformaat kiezen is een van de eenvoudigste manieren om uw website sneller te maken zonder kwaliteitsverlies. De keuze hangt af van het type afbeelding, de gewenste kwaliteit en de context.

JPEG: de foto-standaard

JPEG is het meest gebruikte formaat voor foto’s. Het slaat kleurverloop en complexe afbeeldingen efficiënt op met verliesgevende compressie. Bij kwaliteitsinstellingen van 75-85% is het kwaliteitsverschil met het origineel voor de meeste bezoekers niet zichtbaar, maar de bestandsgrootte is significant kleiner. JPEG ondersteunt geen transparantie — voor logo’s op gekleurde achtergronden is JPEG dus niet geschikt.

WebP: de moderne vervanger

WebP is ontwikkeld door Google en combineert de voordelen van JPEG (kleine bestanden voor foto’s) en PNG (transparantie-ondersteuning). WebP-bestanden zijn gemiddeld 25-35% kleiner dan vergelijkbare JPEG’s bij dezelfde kwaliteit. Alle moderne browsers ondersteunen WebP. Voor nieuwe websites is WebP de standaard — gebruik JPEG alleen als fallback voor oudere systemen. Zet WordPress automatisch om naar WebP via een plugin als Imagify of ShortPixel.

PNG: voor transparantie en scherpte

PNG slaat afbeeldingen op zonder kwaliteitsverlies (lossless) en ondersteunt transparantie. Gebruik PNG voor: logo’s op transparante achtergrond, screenshots van interfaces, afbeeldingen met tekst of scherpe randen. PNG-bestanden zijn groter dan JPEG en WebP — gebruik het alleen waar transparantie of pixelnauwkeurigheid echt nodig is.

SVG: voor logo’s en iconen

SVG (Scalable Vector Graphics) is geen rasterafbeelding maar een vector — opgebouwd uit wiskundige beschrijvingen van lijnen en vormen. SVG schaalt oneindig scherp op elk schermformaat en heeft een minimale bestandsgrootte voor eenvoudige afbeeldingen. Gebruik SVG voor: uw logo, iconen, illustraties en diagrammen. WordPress staat SVG-uploads standaard niet toe — daarvoor heeft u een plugin nodig of een aanpassing in functions.php.

💡 FRL Tip: Uw logo altijd als SVG opslaan en uploaden. Het ziet er scherp uit op elk apparaat, van mobiel tot grote retina-schermen, en het bestand is kleiner dan een PNG-logo van dezelfde kwaliteit.

Lees ook

← Vorig artikel Custom Post Types: wanneer is een standaard pagina niet meer genoeg? Volgend artikel → Checkout optimalisatie: hoe verminder je het verlaten van winkelmandjes in WooCommerce?