WebP

Wat is WebP?

WebP is een modern afbeeldingsformaat ontwikkeld door Google dat zowel lossy als lossless compressie ondersteunt in een enkel bestandstype (.webp). Het ondersteunt ook transparantie (alphakanaal) en animatie, waardoor het JPEG, PNG en GIF kan vervangen. Bij een vergelijkbare visuele kwaliteit zijn WebP-bestanden doorgaans 25-34% kleiner dan JPEG en ongeveer 26% kleiner dan PNG.

Waarom is WebP belangrijk?

Afbeeldingen maken vaak het grootste deel uit van het totale gewicht van een productpagina, en zware afbeeldingen zijn een van de meest voorkomende oorzaken van een trage laadtijd. Kleinere bestanden betekenen snellere pagina’s, betere Core Web Vitals en een lager datagebruik op mobiel - wat allemaal van invloed is op zowel conversie als rankings. WebP levert die besparing op zonder zichtbaar kwaliteitsverlies, en het formaat wordt vandaag de dag ondersteund door alle moderne browsers (Chrome, Firefox, Edge en Safari).

Veelvoorkomende use cases

• Productfoto’s met hoge resolutie waarbij JPEG-bestanden te zwaar worden voor een snelle mobiele weergave.
• Afbeeldingen met transparantie die anders grote PNG-bestanden nodig zouden hebben (logo’s, badges, iconen).
• Banners en sfeerbeelden bovenaan de pagina die van invloed zijn op LCP en lay-outstabiliteit.
• Levering via CDN, waarbij het formaat per browser wordt afgestemd om bandbreedte te besparen.

Shopify-perspectief

U hoeft uw afbeeldingen in Shopify niet zelf naar WebP te converteren. Het CDN van Shopify serveert automatisch WebP - of het nog kleinere AVIF - aan browsers die dit ondersteunen, op basis van de Accept header, ongeacht of u JPEG of PNG uploadt. Als u het formaat handmatig wilt beheren in uw thema, kunt u de parameter format doorgeven aan het image_url filter. Focus in de praktijk op het uploaden van scherpe bronafbeeldingen met de juiste afmetingen en vul altijd de alt-tekst in, en laat het CDN de rest regelen.