Billedoptimering til WordPress: Den komplette guide

Billedoptimering til WordPress

Billeder udgør typisk 50-80% af en hjemmesides filstørrelse. Dårligt optimerede billeder er den hyppigste årsag til langsomme WordPress-sider.

Den gode nyhed? Billedoptimering er relativt simpelt, og effekten er ofte dramatisk.

Hvorfor billeder gør din side langsom

Et typisk billede fra et kamera eller smartphone er 3-8 MB. Upload det direkte til WordPress, og du har et problem.

Problemerne:

1. Store filer = lang loadtid – Browsere skal downloade alt
2. Forkerte dimensioner – Et 4000px billede vist som 400px spilder båndbredde
3. Forældede formater – JPEG og PNG er ikke længere de mest effektive
4. Ingen lazy loading – Alle billeder loades med det samme

De 4 søjler i billedoptimering

1. Komprimer dine billeder

Komprimering reducerer filstørrelsen uden synligt kvalitetstab. Der er to typer:

Lossy compression (tabsgivende)

• Fjerner data der ikke er synligt for øjet
• Kan reducere størrelse med 60-80%
• God til fotografier

Lossless compression (tabsfri)

• Bevarer al data
• Typisk 10-30% reduktion
• God til grafik og ikoner

2. Brug de rigtige formater

Billedformater har udviklet sig, og du bør bruge moderne formater:

Min anbefaling:

• Brug WebP som standard
• Brug AVIF for endnu bedre komprimering hvis muligt
• JPEG som fallback
• PNG kun når du behøver transparens
• SVG til alle logoer og ikoner

3. Ret dimensioner

Upload aldrig et billede der er større end det skal bruges:

Eksempel på besparelse:

Et 4000x3000px billede (original fra kamera):

• Original: 5.2 MB
• Skaleret til 1200px: 350 KB
• • WebP komprimering: 120 KB

Det er 97% reduktion!

4. Lazy loading

Lazy loading betyder at billeder først loades når de bliver synlige. Besøgende der ikke scroller ned, downloader ikke billeder i bunden af siden.

WordPress har indbygget lazy loading siden version 5.5, men plugins kan forbedre det yderligere.

De bedste billedoptimerings-plugins

1. ShortPixel (Min favorit)

Pris: Gratis (100 billeder/md) | Fra $4.99/md

ShortPixel komprimerer automatisk når du uploader og kan konvertere til WebP.

Fordele:

• Fremragende komprimering
• Automatisk WebP konvertering
• Kan optimere eksisterende billeder
• Beholder originaler som backup
• API til udvikler-integration

2. Imagify

Pris: Gratis (20 MB/md) | Fra €4.99/md

Lavet af folkene bag WP Rocket. Simpel og effektiv.

Fordele:

• Ekstremt nem opsætning
• Tre komprimeringsniveauer
• Integrerer perfekt med WP Rocket
• WebP support

3. Smush

Pris: Gratis (begrænset) | Pro: $6/md

Populært valg med god gratis version.

Fordele:

• Generøs gratis version
• Lazy loading inkluderet
• CDN i Pro version
• Bulk optimering

4. EWWW Image Optimizer

Pris: Gratis | Premium: $7/md

Kan køre lokalt eller via cloud.

Fordele:

• Lokal optimering (ingen upload til ekstern server)
• Ingen månedlig begrænsning i gratis version
• WebP konvertering
• ExactDN CDN i premium

Sammenligning

Manuel optimering (uden plugins)

Foretrækker du at optimere før upload? Her er de bedste værktøjer:

Online værktøjer (gratis)

Desktop software

Workflow for manuel optimering

1. Skalér billede til korrekt størrelse (max 1920px for hero, 1200px for blog)
2. Eksporter som WebP med 80-85% kvalitet
3. Upload til WordPress

WordPress-indstillinger

Billedstørrelser

WordPress genererer automatisk flere størrelser af hvert billede. Tjek dine indstillinger under Indstillinger → Medier:

Thumbnail: 150x150px (kvadratisk)
Medium: 300x300px max
Large: 1024x1024px max

For moderne sider anbefaler jeg:

Thumbnail: 150x150px
Medium: 600x600px
Large: 1200x1200px

Undgå "Full size"

Indsæt aldrig billeder som "Full Size" i editoren. Vælg altid den passende størrelse:

• Small: Thumbnails og små ikoner
• Medium: Billeder i tekst
• Large: Featured images og hero-sektioner

CDN til billeder

Et Content Delivery Network (CDN) serverer billeder fra servere tæt på dine besøgende.

Populære CDN-muligheder:

Avanceret: Next-gen formater

WebP

WebP er Googles billedformat fra 2010. Det giver:

• 25-35% mindre filstørrelse end JPEG
• Support for transparens (som PNG)
• 97%+ browser support

De fleste optimerings-plugins kan automatisk servere WebP til browsere der understøtter det.

AVIF

AVIF er det nyeste format (2019) og giver endnu bedre komprimering:

• 50% mindre end JPEG
• 20% mindre end WebP
• Voksende browser support (92%+)

WordPress 6.5+ understøtter AVIF uploads nativt.

Implementering

Den bedste tilgang er at servere det bedste format hver browser understøtter:

1. Browser anmoder om billede
2. Server tjekker browser capabilities
3. Server sender AVIF > WebP > JPEG (efter support)

Plugins som ShortPixel og Imagify håndterer dette automatisk.

Tjekliste: Billedoptimering

Brug denne tjekliste til at sikre dine billeder er optimeret:

Før upload

• ☐ Skaleret til korrekt dimensioner (max 1920px)
• ☐ Komprimeret (80-85% kvalitet)
• ☐ Konverteret til WebP (hvis muligt)

WordPress opsætning

• ☐ Billedoptimerings-plugin installeret
• ☐ Automatisk komprimering aktiveret
• ☐ WebP konvertering aktiveret
• ☐ Lazy loading aktiveret

Løbende

• ☐ Bulk-optimer eksisterende billeder
• ☐ Tjek PageSpeed for billed-advarsler
• ☐ Slet ubrugte billeder regelmæssigt

Ofte stillede spørgsmål

Ødelægger komprimering mine billeder?

Nej, ikke mærkbart. Ved 80-85% kvalitet kan mennesker ikke se forskellen, men filstørrelsen reduceres markant.

Skal jeg optimere eksisterende billeder?

Ja! De fleste plugins kan bulk-optimere alle eksisterende billeder. Det kan tage tid, men er det værd.

Hvad med retina-skærme?

Til retina-skærme (2x opløsning) upload billeder der er dobbelt så store som vist. WebP komprimering holder filstørrelsen rimelig.

Lazy loading – gør det en forskel?

Ja, stor forskel. Sider med mange billeder kan spare 50%+ initial load ved kun at loade synlige billeder.

WebP eller AVIF?

Brug WebP som standard – det har bred support. AVIF er bedre, men har lidt mindre support. Ideelt: Serv AVIF til browsere der understøtter det, WebP til resten.

Hvordan tjekker jeg om mine billeder er optimeret?

Kør din side gennem PageSpeed Insights (pagespeed.web.dev). Den viser præcis hvilke billeder der kan optimeres og hvor meget du kan spare.

Konklusion

Billedoptimering er en af de mest effektive hastighedsforbedringer du kan lave:

1. Installer et optimerings-plugin (ShortPixel eller Imagify)
2. Aktivér automatisk komprimering og WebP
3. Bulk-optimer eksisterende billeder
4. Upload fremover i korrekte dimensioner

Resultatet? En markant hurtigere side, bedre SEO og gladere besøgende. Kombineret med de andre tips i min WordPress hastighed guide kan du opnå dramatiske forbedringer.