Netthastighet handler ikke bare om hosting og kode. Bildene du laster opp blir ofte den største flaskehalsen: et enkelt «tungt» bilde fra et kamera kan veie 5-8 MB og legge til et sekund på sideinnlastingen. Hva om du har ti slike bilder?

Bildeformatet avgjør hvordan det komprimeres, hvordan det gjengir farger, og hvordan nettlesere viser det. Å velge feil betyr uskarpe skjermbilder, gigantiske PNG-filer i stedet for kompakte WebP-filer, og fall i rangeringen: Google tar hensyn til Core Web Vitals i rangeringen.

Nedenfor finner du konkrete anbefalinger for hver oppgave: bilder, skjermbilder, logoer, animasjoner. Og hvordan du legger til formater som WordPress ikke godtar ut av boksen.

💡 Rask oversikt:

• Identifiser hva du laster opp: bilde, skjermbilde, logo eller animasjon, da dette avgjør formatvalget.
• For fotografier, bruk AVIF eller WebP (komprimeringen er betydelig bedre enn JPEG ved samme kvalitet).
• For skjermbilder og logoer, PNG (tapsfri) eller AVIF (tapsbasert, men drastisk mindre filstørrelse).
• For animasjoner, WebP i stedet for GIF (flere ganger mindre filstørrelse).
• Hvis WordPress ikke godtar formatet du trenger, legg til støtte via functions.php eller en plugin.
• Fyll alltid ut alt-tekst og komprimer bilder før opplasting eller automatisk via en optimaliseringsplugin.

Hvorfor bildeformat er kritisk for WordPress

Format er ikke bare en filendelse. Det er en kodingsalgoritme som avgjør tre ting: bildekvalitet, filstørrelse og nettleserkompatibilitet. Alle tre påvirker nettstedets forretningsmessige måltall direkte.

Lastehastighet og Core Web Vitals. Et JPEG-bilde på 2 MB og det samme bildet i AVIF på 400 KB ser identiske ut, men laster 5 ganger forskjellig. Google evaluerer Largest Contentful Paint (LCP), og bilder er ofte det tyngste elementet på en side. Plugins som Smush konverterer filer til WebP eller AVIF automatisk, men å velge riktig kildeformat sparer serverressurser.

SEO-konsekvenser. Sidehastighet er et direkte rangeringssignal for Google. Tunge bilder senker Core Web Vitals-poengsummen din, og siden mister posisjoner selv om teksten er perfekt optimalisert. En studie fra Portent (2024) viste at å redusere LCP fra 4 til 2 sekunder øker konverteringen på landingssider med 15-20% i gjennomsnitt på tvers av B2B-nisjer.

Visuell kvalitet. Ulike formater håndterer gradienter, tekst og fine detaljer forskjellig. JPEG produserer artefakter rundt kanter med høy kontrast, noe som ser rotete ut på skjermbilder. PNG bevarer skarphet, men veier flere ganger mer. AVIF løser begge problemene: komprimeringen er betydelig mer effektiv enn JPEG ved sammenlignbar visuell kvalitet.

Tilpasningsevne. Brukere besøker fra telefoner, nettbrett og datamaskiner med ulike nettlesere. AVIF støttes av Chrome, Firefox og Opera (siden 2021-2022), og Safari siden versjon 16 (høsten 2022). WebP har fungert overalt siden 2020. JPEG og PNG er den universelle reserveløsningen som enhver nettleser fra de siste 20 årene forstår.

Hvilke bildeformater WordPress støtter i 2026

WordPress har endret seg radikalt. Mens tidligere bare JPEG, PNG, GIF og ICO fungerte «ut av boksen», la WordPress 5.8 (2021) til innebygd WebP-støtte, og WordPress 6.5 (april 2024) la til full AVIF-støtte.

Fullstendig liste over formater tilgjengelig som standard (WordPress ≥6.5):

SVG (vektorformat) godtas ikke av WordPress som standard av sikkerhetsgrunner, da SVG-filer kan inneholde JavaScript. Hvis du trenger SVG for logoer eller ikoner, aktiver det via functions.php med filtrering eller bruk en spesialisert plugin som Safe SVG på WordPress.org.

Formatsammenligning: når du skal bruke hva

JPEG (JPG)

Standarden siden 1992 som fortsatt dekker ~77% av alle bilder på internett ifølge W3Techs (2026). Tapsbasert komprimering med kontroll over kvalitetsnivå; 85-92 er «sweet spot». Millioner av farger, utmerkede gradienter.

Ulempe: ingen støtte for gjennomsiktighet. Hver JPEG er et rektangel. Ikke egnet for en logo på gjennomsiktig bakgrunn. Pluss komprimeringsartefakter på skarpe kanter med høy kontrast, noe som betyr at grensesnittskjermbilder i JPEG ser rotete ut.

Når du skal bruke: fotografier, store bakgrunnsbilder, blogginnlegg med bildeinnhold, hvis du av en eller annen grunn ikke bruker WebP/AVIF.

PNG

Et format skapt som et gratis alternativ til GIF. Tapsfri komprimering: ikke en eneste piksel går tapt. Full alfagjennomsiktighet (256 nivåer) muliggjør jevne skygger og halvgjennomsiktige elementer.

Ulempe: størrelse. Et PNG-bilde kan veie 5-10 ganger mer enn JPEG-versjonen ved visuelt identisk kvalitet. For innholdsbilder er dette uberettiget.

Når du skal bruke: grensesnittskjermbilder (tekstskarphet er kritisk), logoer, infografikk, diagrammer, ikoner, bilder med tekst.

GIF

Et format med 256 farger og bilde-for-bilde-animasjon. En legende fra internettets tidlige dager. Tapsfri komprimering, men den begrensede paletten gjør det uegnet for fotografier, da gradienter blir til «trappetrinn».

Ulempe: enorme animasjonsstørrelser. En 5-sekunders GIF kan veie 10-15 MB, mens samme klipp i WebP-animasjon veier 1-2 MB.

Når du skal bruke: bare når du trenger en kort animasjon uten lyd og en WebP/AVIF-versjon ikke er tilgjengelig.

WebP

Google introduserte WebP i 2010, men formatet tok virkelig av etter 2020 da alle større nettlesere la til støtte. Det støtter både tapsbasert og tapsfri komprimering i ett format. Gjennomsiktighet, ja. Animasjon, ja. WebP-bilder er i gjennomsnitt 25-35% mindre enn PNG og 25-34% mindre enn JPEG ved tilsvarende kvalitet.

Ulempe: i skrivende stund er det ikke lenger det mest effektive formatet, da AVIF slår det i komprimering. Men som reserveløsning er WebP uunnværlig.

Når du skal bruke: universelt format for alt. Hvis du er usikker, gå for WebP. Bilder, skjermbilder, animasjoner, grafikk, det håndterer alt.

AVIF

Det mest effektive bildeformatet i 2026. Basert på AV1-videokodeken. AVIF-bilder er 30-50% mindre enn WebP ved samme visuelle kvalitet. Støtter HDR, bredt fargespekter, tapsbasert og tapsfri komprimering, gjennomsiktighet og animasjon. WordPress 6.5+ støtter AVIF innebygd, så du kan laste opp direkte til mediebiblioteket.

Ulempe: Safari la til støtte først med versjon 16 (høsten 2022), så eldre iPhones og Mac-er på utdaterte versjoner vil ikke vise AVIF. Dette løses ved å legge til en WebP/JPEG-reserveløsning via <picture>-elementet eller en optimaliseringsplugin.

Når du skal bruke: prioritert format for bilder og skjermbilder. Hvis nettstedet ditt kjører WordPress ≥6.5, er AVIF ditt primære valg, med WebP som en forsikring.

Hvordan legge til støtte for flere formater

WordPress filtrerer opplastede filer etter MIME-type. Hvis du trenger å tillate SVG, BMP eller et annet format, legg det til via upload_mimes-hooken i temaets functions.php:

1
add_filter( 'upload_mimes', 'techblog_add_mime_types' );
2
function techblog_add_mime_types( $mime_types ) {
3
    $mime_types['svg']  = 'image/svg+xml';
4
    $mime_types['bmp']  = 'image/bmp';
5
    $mime_types['webp'] = 'image/webp';   // WP 5.8+ not required
6
    $mime_types['avif'] = 'image/avif';   // WP 6.5+ not required
7
 
8
    return $mime_types;
9
}

Koden legges til i det aktive temaets functions.php eller via Code Snippets-pluginen. Ta en sikkerhetskopi før redigering, da en PHP-feil vil krasje nettstedet.

For SVG, en advarsel. SVG-filer kan inneholde JavaScript. Hvis du aktiverer SVG-opplastinger, bruk Safe SVG-pluginen (renser skript), som renser filer og fjerner skript før lagring i mediebiblioteket.

Et alternativ er utvidelsen File Upload Types, som legger til støtte for dusinvis av formater via et grensesnitt. For ett eller to formater er upload_mimes-hooken enklere.

Beste praksis: størrelse, SEO og optimalisering

Optimal bildestørrelse

Last opp bilder i nøyaktig den størrelsen som trengs på siden. Hvis bildet vises i en 800 px bred kolonne, er det ingen vits i å laste opp en original på 4000 px. WordPress oppretter flere størrelser ved opplasting (miniatyr, medium, stor), men originalfilen lagres på serveren og kan leveres til nettleseren når full kalles opp.

Regel: før opplasting, endre størrelsen på bildet til maksimal visningsbredde (vanligvis 1200-1600 px for innholdsområdet). Verktøy: Photoshop, Googles gratisverktøy Squoosh, kommandolinjeverktøyet cwebp.

Øke opplastingsgrensen

Som standard begrenser WordPress opplastet filstørrelse til 2 MB. For moderne AVIF er dette sjelden et problem (filene er betydelig mindre enn JPEG), men ved opplasting av en stor PNG eller animert WebP kan grensen være til hinder.

Hos mange hostingleverandører kan grensen endres via kontrollpanelet. For eksempel, i Cloudways, gå til Server Management → Settings and Packages. På GoDaddy, via cPanel; på Media Temple, ved å redigere php.ini; og med WP Engine må du kontakte support. Hvis du ikke har direkte tilgang til serverinnstillinger, legg til dette i wp-config.php:

1
define( 'WP_MEMORY_LIMIT', '256M' );

Dette øker PHP-minnegrensen og hever indirekte opplastingsterskelen.

Bilde-SEO: alt-tekst og filnavn

Søkemotorer «ser» ikke bilder; de leser attributtene deres. Alt-tekst er en bildebeskrivelse som indekseres og leses av skjermlesere.

Regler for god alt-tekst:

• Beskriv hva som er i bildet i konteksten av innlegget. Ikke «skjermbilde», men «Cloudways kontrollpanel med feltet Upload Size uthevet.»
• 4-8 ord, på engelsk, med seksjonens nøkkelord.
• Ikke start med «Bilde av…» eller «Foto av…»
• For dekorative bilder, la alt="" stå.

Filnavn har også betydning. IMG_20241015_142302.jpg forteller søkemotoren ingenting. wordpress-image-format-comparison-chart.png gjør det. Endre navn på filer før opplasting.

Plugin-er for bildeoptimalisering

Manuell optimalisering av hver fil tar tid. Plugin-er automatiserer prosessen: de komprimerer, konverterer til WebP/AVIF og serverer nettleseren det optimale formatet. Ifølge WPShouts tester (2025) er topp 4:

En mer komplett oversikt over optimaliseringsplugin-er finnes i vår separate artikkel.

Analytics-basert strategi

Google Analytics (eller Matomo) viser hvilke enheter og nettlesere de besøkende bruker. Dette avgjør hvilket format som bør være primært. Hvis for eksempel mesteparten av publikummet ditt bruker nyeste versjoner av Chrome og Safari, er AVIF forsvarlig, og du kan sette opp WebP som fallback via en plugin for resten.

Hvis mange besøkende har iPhones med iOS 15 og eldre, vil ikke AVIF fungere, og primærformatet bør være WebP med JPEG som sikkerhetsnett. Vi har en detaljert guide med tre metoder for hvordan du serverer WebP-bilder i WordPress, fra CDN til manuell <picture>.

Video: AVIF og WebP i WordPress i praksis

Denne korte videoen viser prosessen med å konvertere bilder til AVIF og WebP direkte i WordPress-administrasjonen og sammenligner størrelser før og etter:

AVIF-formatet gir komprimering betydelig bedre enn WebP, og forskjellen er spesielt merkbar på bilder med jevne overganger og mye detaljer. WordPress 6.5+ støtter AVIF direkte, uten plugins.

⁉️🤔 Ofte stilte spørsmål

Hva er forskjellen på destruktiv og ikke-destruktiv komprimering?

Destruktive algoritmer fjerner data som er usynlige for øyet (JPEG, AVIF destruktiv, WebP destruktiv). Filen blir liten, men kvaliteten forringes ved hver ny lagring. Ikke-destruktiv komprimering bevarer hver piksel som den er (PNG, GIF, AVIF ikke-destruktiv, WebP ikke-destruktiv). Filen blir større, men ideell for grafikk med tekst. For innholdsbilder, bruk destruktiv komprimering (AVIF-kvalitet 50-70 eller WebP-kvalitet 75-85), så krymper størrelsen flere ganger. La ikke-destruktiv komprimering være forbeholdt logoer og skjermbilder der skarphet er viktig.

Hvilket format bør jeg velge for skjermbilder i 2026?

AVIF i ikke-destruktiv modus eller kvalitet 90+. Skjermbilder krever lesbar tekst, og ikke-destruktiv AVIF bevarer skarpheten på PNG-nivå mens filen veier betydelig mindre. Hvis nettstedet ditt kjører WordPress eldre enn 6.5, bruk WebP ikke-destruktiv som primærformat med PNG som fallback.

Test det selv: ta et skjermbilde av administrasjonspanelet, lagre det som PNG, WebP ikke-destruktiv og AVIF ikke-destruktiv. Visuell forskjell: null. Men på en side med halvannet dusin skjermbilder er megabyteforskjellen allerede merkbar for LCP.

Trenger jeg en optimaliseringsplugin når WordPress selv støtter WebP og AVIF?

WordPress støtter opplasting av WebP og AVIF, men konverterer ikke automatisk JPEG/PNG til moderne formater. Hvis du laster opp ferdige WebP/AVIF, trenger du ingen plugin. Hvis kildefilene dine er i JPEG/PNG, konverterer en plugin dem ved opplasting og serverer nettleseren det optimale formatet.

I tillegg løser plugins fallback-oppgaven: de genererer <picture> med flere kilder for ulike nettlesere. Uten plugin måtte du gjort dette manuelt eller håpe at alle besøkende bruker nettlesere som støtter AVIF (noe som ennå ikke er tilfelle).

WebP eller AVIF: hva bør jeg velge akkurat nå?

AVIF som primærformat, WebP som fallback. AVIF vinner på komprimering (merkbart bedre enn WebP), kvalitet (HDR, bredt fargespekter) og nettleserstøtte, som nå inkluderer Chrome 85+, Firefox 93+, Safari 16+ og Opera 71+. Det eneste «men»-et er eldre iOS-enheter: iPhone X og eldre på iOS 15 vil ikke vise AVIF. Men andelen deres synker, og plugins som EWWW og Optimole serverer dem automatisk WebP.

Hvis analysene dine viser en merkbar andel iOS 15 og eldre, gjør WebP til primærformat med AVIF som et alternativ «for dem som kan». For alle andre: AVIF nå, WebP som backup.

Kan jeg bruke SVG til en logo i WordPress?

SVG er det ideelle formatet for logoer: uendelig skalering og mikroskopisk størrelse (2-5 KB). Men WordPress blokkerer SVG på grunn av risiko for XSS-angrep (SVG kan inneholde innebygd JavaScript). Bruk Safe SVG-pluginen (trygg opplasting), som renser hver opplastede fil og fjerner potensielt farlig kode. Etter det kan SVG lastes opp direkte til mediebiblioteket og brukes som ethvert annet format.

Hva du bør bruke på WordPress i 2026: konklusjonen

Formatvalg koker ned til tre regler. Bilder og skjermbilder: AVIF (prioritet) eller WebP, destruktiv komprimering kvalitet 70-85. Logoer og ikoner: PNG eller AVIF ikke-destruktiv + SVG via Safe SVG. Animasjoner: WebP i stedet for GIF, størrelsesbesparelser på flere ganger.

Ikke legg alle eggene i én formatkurv. Den ideelle strategien: AVIF → WebP → original JPEG/PNG, tre lag via <picture> eller en plugin. Nesten alle besøkende vil få AVIF/WebP, resten får det klassiske formatet, og ingen vil se et ødelagt ikon.

Sett opp automatisk optimalisering én gang (gjennom EWWW for lokal prosessering eller Optimole for en skytjeneste med CDN) og glem manuell komprimering. Sjekk analysene kvartalsvis: andelen gamle nettlesere synker, og snart vil AVIF være et format uten forbehold.