Billedoptimering er processen med at reducere billeders filstørrelse, vælge det rette format og tilføje beskrivende metadata — alt sammen for at forbedre sidehastighed, brugeroplevelse og synlighed i billedsøgning.
Billedoptimering handler om at sikre, at billeder på jeres hjemmeside indlæses hurtigt, ser skarpe ud og er synlige i søgemaskinernes billedsøgning. Det er en disciplin, der kombinerer teknisk optimering (filstørrelse, format, responsive images) med SEO-optimering (alt-tekst, filnavne, strukturerede data). For de fleste websites er billeder den største del af sidens samlede filstørrelse, så optimering her har direkte indflydelse på performance.
Det rette billedformat gør en stor forskel. WebP er i dag standarden for web — det giver 25-35% mindre filstørrelse end JPEG ved samme visuelle kvalitet. AVIF er endnu mere effektivt (40-50% mindre), men har ikke fuld browser-support endnu. JPEG bruges stadig til fotografier med begrænset browser-support for nyere formater, mens PNG reserveres til billeder, der kræver gennemsigtighed. SVG er ideelt til ikoner og logoer.
Teknisk billedoptimering inkluderer komprimering (reducere filstørrelse uden synligt kvalitetstab), responsive images (levere forskellige størrelser afhængigt af enhed og skærmopløsning via srcset-attributten), lazy loading (indlæse billeder først, når de kommer i viewport), og CDN-distribution (servere billeder fra det nærmeste datacenter). Moderne frameworks som Next.js har indbygget billedoptimering med automatisk formatkonvertering og resizing.
SEO-billedoptimering handler om at hjælpe søgemaskiner med at forstå og rangere jeres billeder. Det inkluderer beskrivende ALT tags, relevante filnavne (fx 'graa-boucle-sofa.webp' i stedet for 'IMG_4532.jpg'), billedtekster, strukturerede data (Product schema med billeder) og image sitemaps. Google Images er en væsentlig trafikkilde for mange e-commerce-sites, og god billedoptimering kan øge jeres synlighed markant.
For danske webshops er billedoptimering ofte den mest impactfulde hastighedsforbedring, fordi produktbilleder typisk udgør 60-80 % af den samlede sidestørrelse. En undersøgelse fra HTTP Archive viser, at medianwebsiden i 2025 indeholder over 2 MB billeder, og mange e-commerce-sider ligger langt over dette. De mest avancerede webshops bruger automatiserede billedoptimeringspipelines: billeder uploades i høj kvalitet, og systemet genererer automatisk WebP/AVIF-formater, multiple størrelser til responsive images, og komprimerede thumbnails. Platforme som Shopify og Cloudinary tilbyder dette out-of-the-box, mens custom-sites kan bruge Next.js Image-komponenten eller Cloudflare Images. Invester også i at optimere jeres hero-billede specifikt — det er typisk Largest Contentful Paint (LCP)-elementet og den enkelte ressource, der har størst indflydelse på jeres Core Web Vitals-score.
Billedoptimering i praksis
En webshop med 2.000 produktbilleder i JPEG-format (gennemsnitligt 800 KB per billede) konverterer til WebP med 80% kvalitet (gennemsnitligt 210 KB), implementerer responsive images med 4 størrelser (400px, 800px, 1200px, 1600px), og aktiverer lazy loading for billeder under folden. Resultatet er 65% reduktion i total billedstørrelse, 2,1 sekunders hurtigere indlæsningstid på mobil og en 18% forbedring i Largest Contentful Paint (LCP).
OFTE STILLEDE SPØRGSMÅL