Bildeoptimalisering i WordPress – komplett guide for hastighet, SEO og tilgjengelighet

Skrevet av Mats Fjellheim – UX-designer og frontend-utvikler i ITKOMET

Bilder er ofte den største årsaken til treg nettside i WordPress.
Feil filstørrelser, gale formater og manglende optimalisering kan alene ødelegge både
brukeropplevelse, konvertering og rangering i Google.

I denne guiden går vi gjennom hvordan du optimaliserer bilder i WordPress på riktig måte –
med fokus på ytelse, moderne bildeformater, CDN-løsninger og tilgjengelighet.

Dette er samme metodikk vi bruker i ITKOMET når vi optimaliserer WordPress-nettsider for kunder.

Hvorfor er bildeoptimalisering så viktig?

Bilder står ofte for 50–80 % av total datamengde på en nettside.
Store og uoptimaliserte bilder fører til:

• Treg lastetid
• Dårlige Core Web Vitals
• Høyere fluktfrekvens
• Dårligere SEO
• Dårligere opplevelse på mobil

God bildeoptimalisering gir raskere nettside, bedre tilgjengelighet
og et langt bedre utgangspunkt for synlighet i Google.

1. Filstørrelser – det viktigste steget

Det spiller ingen rolle hvilket format du bruker hvis bildet er altfor stort.
Filstørrelse er alltid første prioritet.

Vanlige feil vi ser

• Bilder lastet opp rett fra kamera (5–15 MB)
• Skjermbilder uten komprimering
• Hero-bilder på flere tusen piksler i bredden

Praktiske tommelfingerregler

• Vanlige bilder: 100–300 KB
• Store hero-bilder: maks 300–500 KB
• Ikoner og små grafiske elementer: under 50 KB

Et bilde trenger sjelden å være bredere enn:

• 1920 px (fullbredde hero)
• 1200–1400 px (innhold)
• 800 px (blogginnlegg)

Alt over dette er nesten alltid bortkastet data.

2. Riktig bildeformat

Moderne bildeformater gir langt bedre komprimering uten synlig tap av kvalitet.
Å bruke riktige formater er avgjørende for ytelse.

Formater du bør bruke

• WebP – beste allround-format for bilder
• AVIF – enda bedre komprimering (støttes av moderne nettlesere)
• SVG – perfekt for ikoner, logoer og enkle illustrasjoner

Formater du bør unngå der det er mulig

• PNG (ofte altfor tunge)
• JPEG i høy kvalitet uten komprimering

WebP gir ofte 30–70 % mindre filstørrelse sammenlignet med JPEG og PNG –
uten synlig kvalitetsforskjell.

AVIF kan være enda mindre, men krever litt mer prosessering.

3. Bruk av CDN for bilder (ImageKit, S3, Cloudflare)

Det mest effektive steget for bildeoptimalisering i WordPress er å bruke et dedikert bilde-CDN.

Et bilde-CDN gjør blant annet:

• Leverer bilder fra servere nær brukeren
• Optimaliserer bilder automatisk
• Serverer riktig størrelse til riktig skjerm
• Konverterer til moderne formater automatisk

ImageKit.io – vår favoritt for WordPress

ImageKit.io er en svært kraftig løsning
for bildeoptimalisering og CDN.

Fordeler med ImageKit:

• Automatisk komprimering og formatvalg (WebP/AVIF)
• Responsive bilder uten ekstra arbeid
• Global CDN
• Sanntids bilde-transformasjoner
• Enkel WordPress-integrasjon

Hvordan fungerer det med WordPress Media Library?

Når ImageKit er satt opp riktig:

• Du laster opp bilder som normalt i WordPress Media Library
• Bildene synkroniseres automatisk til ImageKit
• WordPress peker mot ImageKit-URL-er
• Riktig format og størrelse serveres automatisk

Resultatet er raskere nettside uten ekstra arbeid i hverdagen.

Alternativer til ImageKit

• Amazon S3 – robust, men mer teknisk oppsett
• Cloudflare R2 – rimelig lagring + CDN
• Cloudinary – lignende ImageKit, men ofte dyrere

Alle disse kan kobles til WordPress slik at Media Library fungerer som normalt,
men bildene leveres via CDN.

Ønsker du hjelp til oppsett:
Ta kontakt med ITKOMET.

4. Alternative tekster (alt-tekst) – tilgjengelighet og SEO

Alt-tekst (alternative tekster) brukes av:

• Skjermlesere for personer med nedsatt syn
• Søkemotorer for å forstå bildeinnhold
• Når bilder ikke lastes

Dette er en del av det som kalles tilgjengelighet eller
universell utforming.

Hvorfor er alt-tekst viktig?

• Gir bedre tilgjengelighet for alle brukere
• Er et krav i mange offentlige og profesjonelle løsninger
• Hjelper Google å forstå innholdet på siden

Hvordan skrive god alt-tekst?

God alt-tekst:

• Beskriver bildet kort og presist
• Gir mening i kontekst av innholdet
• Ikke spammer med søkeord

Dårlig eksempel:

bilde1.jpg

Godt eksempel:

Illustrasjon av WordPress-dashboard med fokus på ytelse

Hvis bildet kun er dekorativt, kan alt-tekst være tom.

Oppsummering

• Optimaliser alltid filstørrelse først
• Bruk moderne bildeformater (WebP / AVIF)
• Bruk bilde-CDN for best ytelse
• Sett alltid gode alternative tekster

God bildeoptimalisering gir raskere nettside, bedre SEO,
bedre tilgjengelighet og en langt bedre brukeropplevelse.

Trenger du hjelp?

Vi i ITKOMET hjelper deg med:

• Bildeoptimalisering i WordPress
• Oppsett av ImageKit, Cloudflare eller S3
• Ytelsesanalyse og Core Web Vitals
• Tilgjengelighet og universell utforming

Ta kontakt med ITKOMET
for en uforpliktende gjennomgang.