WebP

Vad är WebP?

WebP är ett modernt bildformat utvecklat av Google som stöder både förlustfri och förlustfri komprimering i en och samma filtyp (.webp). Den hanterar även transparens (alfakanal) och animering, så den kan ersätta både JPEG, PNG och GIF. Vid jämförbar visuell kvalitet är WebP-filer vanligtvis 25-34 % mindre än JPEG och ungefär 26 % mindre än PNG.

Varför är WebP viktigt?

Bilder tar ofta upp majoriteten av en produktsidas totala vikt, och tunga bilder är en av de vanligaste orsakerna till långsam laddning. Mindre filer innebär snabbare sidor, bättre Core Web Vitals och lägre dataanvändning på mobilen – allt som påverkar både konvertering och ranking. WebP erbjuder det sparandet utan någon synlig kvalitetsförlust, och formatet stöds idag av alla moderna webbläsare (Chrome, Firefox, Edge och Safari).

Typiska användningssituationer

• Högupplösta produktbilder där JPEG-filerna blir för tunga för snabb mobilvisning.
• Grafik med transparens som annars skulle kräva stora PNG-filer (logotyper, märken, ikoner).
• Banners och livsstilsbilder överst på sidan som påverkar LCP och layoutstabilitet.
• Leverans via CDN, där formatet förhandlas per webbläsare för att spara bandbredd.

Shopify-perspektiv

Du behöver inte själv konvertera till WebP i Shopify. Shopifys bild-CDN serverar automatiskt WebP - eller det mindre AVIF - till webbläsare som stöder det, baserat på Accept-huvudet, oavsett om du laddar upp JPEG eller PNG. Om du vill styra formatet manuellt i temat kan du använda parametern format på filtret image_url. Fokusera i praktiken på att ladda upp skarpa källbilder i rätt dimensioner och fyll alltid i alt-text så låter du CDN göra resten.