Teknologi

Billeder på hjemmesiden: WebP, størrelser og hurtigere sider

Billeder er den hyppigste årsag til langsomme danske hjemmesider. Her er formater, dimensioner og loading-strategi der halverer sidevægten.

Af Sebastian J · 22. august 2026 · 6 min læsning

Billedoptimering på en stor skærm
Billedoptimering på en stor skærm

Ni ud af ti langsomme hjemmesider vi ser, har samme problem: billeder på 3-6 MB, der vises i et felt på 600 pixels.

Vælg det rigtige format

| Format | Bruges til | | --- | --- | | WebP | Standard til fotos og grafik | | AVIF | Endnu mindre, når hastighed er kritisk | | SVG | Logoer, ikoner og illustrationer | | JPEG | Fallback til meget gamle browsere |

Skalér før upload

Upload aldrig et 6000 px bredt kamerabillede. Et fuldbredde-cover behøver 1600-2000 px, et kort i et grid 800 px. Kombiner med `srcset`, så mobilen henter den lille variant.

Loading-strategi

  • Det øverste billede: `loading="eager"` og `fetchpriority="high"`.
  • Alt andet: `loading="lazy"`.
  • Sæt altid `width` og `height`, så layoutet ikke hopper (CLS).

Alt-tekst er både tilgængelighed og SEO

Beskriv hvad billedet viser, ikke hvilke søgeord du håber på. "Tømrer monterer tagvindue i Aarhus" er både brugbar for skærmlæsere og for Google Billeder.

Test resultatet

Kør PageSpeed Insights før og efter. Målet på mobil: LCP under 2,5 sekunder og en samlet sidevægt under 1,5 MB. Det er realistisk for næsten alle virksomhedssider.

Relaterede artikler