Zo comprimeer je afbeeldingen voor een website
Afbeeldingen zijn meestal het zwaarste deel van een pagina. Zo maak je ze lichter.
1. Verklein tot de weergavegrootte
Een foto van 4000 px die op 800 px wordt getoond, verspilt 96% van de pixels. Verklein afbeeldingen tot hooguit twee keer de weergavebreedte, zodat ze scherp zijn op retinaschermen.
2. Kies een modern formaat
WebP wordt door alle moderne browsers ondersteund en is meestal 25–35% kleiner dan JPG. AVIF is voor foto’s nog kleiner. Gebruik PNG alleen voor afbeeldingen die verliesvrij moeten blijven.
3. Kies de juiste kwaliteit
Kwaliteit 75–82 geeft bij de meeste foto’s geen zichtbaar verlies. Vergelijk voor en na om de laagste instelling te vinden die er nog goed uitziet.
4. Verwijder metadata
EXIF-gegevens kunnen tientallen kilobytes aan elke afbeelding toevoegen en privé-informatie prijsgeven. Verwijder ze voordat je publiceert.
5. Automatiseer
Gebruik batchverwerking voor bestaande bibliotheken en de API of een CMS-plug-in voor nieuwe uploads, zodat elke afbeelding automatisch wordt geoptimaliseerd.