Afbeelding comprimeren voor een website: tips

Een van de meest voorkomende oorzaken van trage websites zijn afbeeldingen die niet geoptimaliseerd zijn. Een foto van 5 MB op een pagina die eigenlijk 150 KB nodig heeft, vertraagt de laadtijd met meerdere seconden — zeker op mobiel.

Welk formaat gebruik je voor websiteafbeeldingen?

• **JPG**: voor foto's met veel kleuren en kleurverloop. Comprimeer tot 70-85% kwaliteit.
• **PNG**: voor afbeeldingen met transparantie of scherpe randen (logo's, iconen). Comprimeer met een PNG-optimizer.
• **WebP**: het beste voor websites — kleiner dan JPG bij gelijke kwaliteit, met transparantieondersteuning. Alle moderne browsers openen WebP.

Vuistregels voor bestandsgrootte

|---|---|

Stap voor stap comprimeren

1. Ga naar de afbeelding comprimeren-tool.

2. Sleep je afbeelding hierheen.

3. Stel de kwaliteit in op 80%. Bekijk het voorbeeld.

4. Als het er goed uitziet, download je de gecomprimeerde versie.

Voor websitegebruik kun je ook overwegen om te converteren naar WebP. Ga naar de formaatconversietool en kies WebP als doelformaat.

Automatisch comprimeren op de server

Bouw je een website en wil je dit automatiseren? Overweeg dan:

• **Next.js Image component**: comprimeert en converteert automatisch bij build of runtime.
• **Cloudinary of ImageKit**: CDN met on-the-fly compressie.
• **Squoosh CLI**: command-line batch-compressie.

Voor een eenmalige actie is PixRust de snelste route — geen account, geen installatie.

Veelgestelde vragen

Hoeveel kwaliteitsverlies is acceptabel?

Op een scherm is het verschil tussen 100% en 80% kwaliteit voor de meeste foto's nauwelijks zichtbaar. Ga je onder 60%, dan worden artefacten (blokjes, wazige randen) zichtbaar.

Maakt het uit of ik JPG of PNG comprimeer?

Ja. JPG-compressie werkt verliesgevend en geeft een flink kleiner bestand. PNG-compressie is verliesvrij maar minder effectief. Overweeg voor PNG ook conversie naar WebP.