Tunge bilder er den vanligste grunnen til at nettsider laster tregt. Her optimaliserer du bildene dine, så siden blir raskere og rangerer bedre.
Hvordan optimalisere bilder for web
Du optimaliserer bilder for web ved å skalere dem til riktig dimensjon før opplasting, komprimere dem med TinyPNG eller Squoosh, lagre i WebP-format, gi dem beskrivende filnavn og alt-tekst, og bruke lazy loading. Det gjør siden raskere og bedre for SEO.
Dette trenger du
- Bildene du vil laste opp
- Et komprimeringsverktøy som TinyPNG eller Squoosh
- Tilgang til WordPress-mediebiblioteket
Slik gjør du det, steg for steg
-
Skaler til riktig dimensjon først
Last aldri opp et bilde som er bredere enn det vises på siden. Et bilde som vises i 800 piksler bredde trenger ikke være 4000 piksler. Skaler ned i et bildeprogram før opplasting, så slipper nettsiden å håndtere unødvendig store filer.
-
Komprimer filstørrelsen
Kjør bildet gjennom TinyPNG eller Squoosh. Disse fjerner data øyet ikke ser, og kan kutte filstørrelsen med 50 til 80 prosent uten synlig kvalitetstap. Mindre filer gir bedre sidehastighet.
-
Lagre i WebP-format
WebP gir vesentlig mindre filer enn JPG og PNG ved samme kvalitet. Squoosh kan eksportere til WebP direkte. De fleste moderne nettlesere støtter formatet, og det forbedrer Core Web Vitals.
-
Gi beskrivende filnavn og alt-tekst
Døp filen til noe sigende som
rod-laerveske-dame.webpi stedet forIMG_3829.jpg. Fyll inn beskrivende alt-tekst i mediebiblioteket, så forstår både Google og skjermlesere hva bildet viser. -
Slå på lazy loading
Med lazy loading lastes bilder først når brukeren ruller ned til dem. WordPress gjør dette automatisk, men sjekk at det er aktivt i temaet eller cache-tillegget ditt. Det gir raskere første lasting av siden.
Ofte stilte spørsmål
Hvilken filstørrelse bør et nettbilde ha?
Som tommelfingerregel under 200 KB for vanlige innholdsbilder, og helst under 100 KB. Store hero-bilder kan være litt tyngre, men komprimer alltid. Mindre filer gir bedre sidehastighet.
Hva er alt-tekst, og hvorfor er det viktig?
Alt-tekst er en kort beskrivelse av bildet som vises hvis bildet ikke laster, og som skjermlesere leser opp. Den hjelper både tilgjengelighet og SEO ved å fortelle Google hva bildet viser.
Bør jeg bruke JPG, PNG eller WebP?
Bruk WebP der det er mulig, for det gir minst filstørrelse. PNG egner seg for grafikk med gjennomsiktig bakgrunn, og JPG for fotografier hvis WebP ikke er et alternativ.
Relaterte guider
Vil du heller at vi gjør det for deg?
Vi hjelper norske bedrifter med nettsider, SEO og digital markedsføring til fast pris.
Få tilbudKlar for en nettside som rangerer?
Fortell oss kort om prosjektet — så sender vi et konkret forslag med fast pris, klar tidsplan og en plan for hvordan nettsiden skal skaffe deg kunder. Innen 24 timer.
- Svar innen 24 timer på alle henvendelser
- Bindende fast pris fra 9 990 kr — ingen overraskelser
- 12 mnd. løpetid, eierskap til kildefiler og leveranse
- Norsk support · Vipps, Klarna, Bring og GDPR-klar