Design

Optimaliseren van foto’s met Squoosh

Squoosh is een gratis online tool ontwikkeld door Google waarmee je afbeeldingen kunt comprimeren en optimaliseren zonder merkbaar kwaliteitsverlies. Het werkt direct in je browser en ondersteunt verschillende bestandsformaten, zoals WebP, JPEG, PNG en AVIF.

Sebastiaan Hulst
•Geupdate: 9 februari 2026•Leestijd: 3 min

Hoe gebruik je Squoosh om foto’s te optimaliseren naar WebP?

  1. Ga naar Squoosh
    Open Squoosh in je browser.

  2. Upload een afbeelding
    Klik op de pagina of sleep een afbeelding naar het venster.

  3. Kies het formaat WebP

    1. In de rechterkolom zie je “Compress” opties.
    2. Klik op het uitklapmenu en selecteer WebP.

  4. Pas de kwaliteit en instellingen aan

    1. Gebruik de Quality-slider om een balans te vinden tussen bestandsgrootte en beeldkwaliteit.
    2. Zorg ervoor dat het uiteindelijke bestand niet groter dan 300 KB is. Dit helpt om snelle laadtijden te garanderen zonder veel kwaliteitsverlies.
    3. Je kunt extra instellingen zoals progressive encoding en lossy of lossless compressie aanpassen.

  5. Vergelijk voor en na
    Je kunt de schuif in het midden van het scherm gebruiken om het verschil in kwaliteit en bestandsgrootte te zien.

  6. Download de geoptimaliseerde afbeelding
    Klik op Download en sla het WebP-bestand op.

 

Waarom is optimaliseren naar WebP en een passende bestandsgrootte belangrijk?

  • Snellere laadtijden 🚀
    Kleinere afbeeldingsbestanden zorgen ervoor dat je website sneller laadt, wat direct bijdraagt aan een betere gebruikerservaring.
  • Betere compressie zonder kwaliteitsverlies
    WebP behoudt een hoge beeldkwaliteit bij een aanzienlijk kleinere bestandsgrootte dan traditionele formaten zoals PNG of JPEG.
  • SEO-voordelen 📈
    Snellere websites scoren beter in zoekmachines zoals Google, wat je online zichtbaarheid ten goede komt.
  • Minder dataverbruik
    Geoptimaliseerde afbeeldingen verbruiken minder data, wat vooral gunstig is voor mobiele gebruikers met beperkte databundels.

Aanbeveling:

Streef naar WebP-bestanden met een maximale grootte die past bij de resolutie van de afbeelding:

  • Tot 500×500 px → max. 80 KB

  • 500×500 – 1000×1000 px → max. 120 KB

  • 1000×1000 – 1500×1500 px → max. 180 KB

  • 1500×1500 px en groter → max. 300 KB

Zo zorg je voor optimale prestaties zonder concessies aan beeldkwaliteit.

Extra tip! Bestandsnamen:

Het is belangrijk om afbeeldingen duidelijke en relevante bestandsnamen mee te geven, voordat je deze in de mediatheek van je WordPress website plaatst. Dit draagt niet alleen bij aan je SEO, maar sluit ook aan bij de WCAG-richtlijnen voor toegankelijkheid.

  1. Sfeerbeelden
    Duidelijke bestandsnamen dragen niet alleen bij aan SEO, maar zijn ook van groot belang voor de toegankelijkheid (WCAG) van je website. Bestanden met beschrijvende namen kunnen door screenreaders beter worden geïnterpreteerd, wat essentieel is voor mensen met een visuele beperking. Zo help je iedereen om de inhoud van je website te begrijpen — ook als ze de beelden zelf niet kunnen zien.Gebruik daarom simpele, duidelijke namen die vertellen wat er op de afbeelding te zien is. Houd het kort, helder en zonder vakjargon. Voorbeeld: team-wp-master-zit-aan-tafel.webp
  2. Productbeelden (bijvoorbeeld in een webshop):
    Gebruik een gestructureerde naam die de belangrijkste kenmerken van het product bevat. Voorbeeld: [merknaam-collectie-product-variant].webp

Zo zorg je voor duidelijke, toegankelijke en goed vindbare beelden die bijdragen aan zowel gebruiksvriendelijkheid als online zichtbaarheid.

Witloftschermen Squoosh artikel

Over de auteur

Sebastiaan Hulst

Sebastiaan is inmiddels al meer dan 3 jaar Master of Design bij WP Masters. Van websites tot advertenties tot brochures en posters, niks is te gek en wordt allemaal met volle overtuiging opgepakt.

Het is tijd voor de volgende digitale stap

Wij combineren creativiteit met strategie en ervaring om merken te helpen groeien in een digitale wereld vol ruis. Jij levert de visie, wij zorgen voor het resultaat.

Start een project
Portret van Daan in een witte blouse met een glimlach op een neutrale achtergrond.
Daan Groenewoud
Head of Development

Dit vind je waarschijnlijk ook interessant

Brandguide
Design • Geupdate: 27 februari 2026

Een écht merk start bij een goede brandguide 10 tips & tricks

Thijs Verhoeven