·2 min read·Billedoptimering

WebP

WebP er Googles billedformat med tabsfri og tabsgivende komprimering, der giver 25-34 % mindre filer end JPEG og PNG - og hurtigere sider.

Kasper Hermann Due Stück
Grundlægger & E-commerce SpecialistBygger Shopify-apps med fokus på SEO og vækst for merchants.

Hvad er WebP?

WebP er et moderne billedformat udviklet af Google, der understøtter både tabsgivende og tabsfri komprimering i én og samme filtype (.webp). Det håndterer også transparens (alfakanal) og animation, så det kan erstatte både JPEG, PNG og GIF. Ved sammenlignelig visuel kvalitet er WebP-filer typisk 25-34 % mindre end JPEG og cirka 26 % mindre end PNG.

Hvorfor er WebP vigtigt?

Billeder fylder ofte størstedelen af en produktsides samlede vægt, og tunge billeder er en af de hyppigste årsager til langsom indlæsning. Mindre filer betyder hurtigere sider, bedre Core Web Vitals og lavere databrug på mobil - alt sammen noget der påvirker både konvertering og placeringer. WebP giver den besparelse uden synligt kvalitetstab, og formatet understøttes i dag af alle moderne browsere (Chrome, Firefox, Edge og Safari).

Typiske brugssituationer

  • Produktbilleder i høj opløsning, hvor JPEG-filerne bliver for tunge til hurtig mobilvisning.
  • Grafik med transparens, som ellers ville kræve store PNG-filer (logoer, badges, ikoner).
  • Bannere og livsstilsbilleder øverst på siden, der påvirker LCP og layout-stabilitet.
  • Levering via CDN, hvor formatet forhandles per browser for at spare båndbredde.

Shopify-perspektiv

Du behøver ikke selv konvertere til WebP i Shopify. Shopifys billed-CDN serverer automatisk WebP - eller det endnu mindre AVIF - til browsere, der understøtter det, baseret på Accept-headeren, uanset om du uploader JPEG eller PNG. Vil du styre formatet manuelt i temaet, kan du bruge parameteren format på image_url-filteret. Fokusér i praksis på at uploade skarpe kildebilleder i rette dimensioner og altid udfylde alt-tekst, så lader du CDN’et om resten.

Pocium-nyt til Shopify-butikker

Nye apps, praktiske Shopify-guides og produktnyt.