Optimaliseren van foto’s met Squoosh

UX & UI WordPress Development
Squoosh kennisbank

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.

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 max. van 300 KB belangrijk?

  • Snellere laadtijden 🚀
    Kleinere bestanden zorgen ervoor dat je website sneller laadt, wat de gebruikerservaring verbetert.

  • Betere compressie zonder kwaliteitsverlies
    WebP behoudt een hoge beeldkwaliteit bij een veel kleinere bestandsgrootte dan PNG of JPEG.

  • SEO-voordelen 📈
    Snellere websites scoren beter in Google, waardoor je website beter vindbaar wordt.

  • Minder dataverbruik
    Vooral belangrijk voor mobiele gebruikers, omdat geoptimaliseerde afbeeldingen minder data verbruiken.

💡 Aanbeveling: Houd afbeeldingen onder de 300 KB voor optimale prestaties.

Witloftschermen Squoosh artikel
Sebastiaan Hulst medewerker bij WP Masters

Meer weten over Branding & Design? Neem contact op met: