Billeder er næsten altid det tungeste på en side. Til gengæld er det også det nemmeste at rette.
Vælg format efter indhold
- WebP til fotos — 25–35 % mindre end JPEG ved samme kvalitet
- JPEG som fallback til ældre systemer
- SVG til logoer, ikoner og grafik
- PNG kun når du har brug for skarp transparens
Lever den rigtige størrelse
Et billede der vises i 800 px bredde, skal ikke være 3000 px. Brug flere størrelser og lad browseren vælge via `srcset` og `sizes`. Angiv altid `width` og `height`, så layoutet ikke hopper — det er direkte Core Web Vitals-gevinst (CLS).
Lazy loading — men ikke øverst
Billeder under folden får `loading="lazy"`. Det store billede øverst skal derimod hentes med høj prioritet, ellers forværrer du LCP.
Alt-tekst er både tilgængelighed og SEO
Beskriv hvad der er på billedet i en kort sætning. Unik alt-tekst per billede, ingen søgeordsspam, og tomt alt kun på rent dekorative billeder.
Filnavne og komprimering
Brug beskrivende filnavne uden æøå og mellemrum. Komprimér til 70–80 % kvalitet — forskellen er sjældent synlig, men vægten halveres.
Vil du måle effekten, så følg vores Core Web Vitals-guide.
