Bilder är oftast det tyngsta på en webbsida. Väljer du rätt bildformat kan du krympa filerna rejält utan att kvaliteten märks, och sidan laddar snabbare för besökaren. Två moderna format tävlar i dag om att göra just det: WebP och AVIF. Här går vi igenom vad de är, hur de skiljer sig i komprimering och webbläsarstöd, och vilket du bör välja.
Vad är WebP och AVIF?
WebP är ett bildformat som Google tog fram och lanserade år 2010. Det bygger på tekniken från videokodeken VP8 och klarar både förlustkomprimering och förlustfri komprimering, plus genomskinlighet och animering. Målet var enkelt: mindre filer än JPEG och PNG, med bibehållen kvalitet.
AVIF är yngre och står för AV1 Image File Format. Formatet bygger på videokodeken AV1, som utvecklats av Alliance for Open Media, ett samarbete mellan flera stora teknikföretag. AVIF pressar filstorleken ännu hårdare och stödjer bland annat större färgdjup och HDR, alltså bredare färgomfång än vad WebP klarar. Både WebP och AVIF är dessutom öppna och royaltyfria format, alltså fria att använda utan licenskostnad.
Komprimering och kvalitet
På ren komprimering vinner AVIF. Vid samma visuella kvalitet blir en AVIF-fil i regel märkbart mindre än motsvarande WebP-fil, och båda slår de äldre formaten JPEG och PNG med god marginal. Exakt hur mycket beror på bildens motiv och vilka inställningar du väljer, men i flera jämförelser landar AVIF omkring en femtedel till en tredjedel mindre än WebP för likvärdig kvalitet. Ta de siffrorna som en fingervisning, inte som en garanti, resultatet varierar från bild till bild.
Det finns en baksida. AVIF tar längre tid att koda, alltså att skapa själva filen. En bild som blir WebP på under en sekund kan behöva flera sekunder som AVIF med vanliga inställningar. För en besökare spelar det ingen roll, eftersom kodningen sker en gång när du förbereder bilden. Men bygger du om ett helt bildbibliotek på en gång kan det bli kännbart. WebP är också snabbare att avkoda i webbläsaren, även om skillnaden sällan märks för slutanvändaren.
Webbläsarstöd
Här har WebP ett försprång i bredd. Formatet stöds i dag av alla stora webbläsare, alltså Chrome, Firefox, Safari och Edge, och täcker den absoluta merparten av alla besökare.
AVIF har hunnit ikapp snabbt och stöds numera brett i moderna versioner av Chrome, Firefox, Safari och Edge. Skillnaden mot WebP är att fler äldre webbläsarversioner saknar AVIF-stöd. Andelen besökare som inte kan visa AVIF är alltså liten men något större än för WebP. Eftersom stödet ändras med varje ny webbläsarversion är det klokt att kolla aktuell täckning på en tjänst som Can I use innan du bestämmer dig.
WebP vs AVIF i en tabell
| Egenskap | WebP | AVIF |
|---|---|---|
| Utvecklat av | Google (2010) | Alliance for Open Media |
| Bygger på | Videokodek VP8 | Videokodek AV1 |
| Komprimering | Mycket bra | Bäst, oftast mindre filer än WebP |
| Kodningstid | Snabb | Långsammare |
| Webbläsarstöd | Bredast, alla stora webbläsare | Brett i moderna versioner, färre äldre |
| HDR och brett färgomfång | Nej | Ja |
| Genomskinlighet och animering | Ja | Ja |
Så påverkar formatet din LCP
Bildformatet är inte bara en teknisk detalj. Sidans största bild är ofta det som avgör måttet Largest Contentful Paint, alltså hur snabbt huvudinnehållet syns för besökaren. Krymper du den bilden med ett effektivare format laddar den snabbare, och LCP förbättras. Det är ett av kärnvärdena i Googles Core Web Vitals, och det påverkar både upplevelsen och sökläget. Att byta från JPEG till WebP eller AVIF är en av de enklaste åtgärderna för att lyfta just det måttet.
Hur konverterar du bilderna?
Du behöver inga avancerade program för att komma igång. Googles egna verktyg Squoosh låter dig dra in en bild i webbläsaren, välja WebP eller AVIF och se filstorlek och kvalitet sida vid sida innan du sparar. Det är ett bra sätt att känna på skillnaden.
Har du en WordPress-sajt sköter flera bildplugin konverteringen automatiskt och serverar rätt format till rätt webbläsare. Kör du en egen byggkedja finns kommandoradsverktyg och bildbibliotek som gör samma sak i stor skala. Vi går igenom flödet mer ingående i vår guide om att komprimera och optimera bilder för webben.
Knepet oavsett verktyg är att alltid ha en reservplan. Med HTML-elementet <picture> kan du lägga AVIF först, WebP därefter och en vanlig JPEG eller PNG sist. Webbläsaren väljer då det bästa format den förstår, och ingen besökare blir utan bild.
Vilket ska du välja?
Kort sagt: använd gärna båda. AVIF ger de minsta filerna och bäst prestanda för moderna besökare, medan WebP fångar upp den handfull som kör äldre webbläsare. Den säkraste lösningen är att servera AVIF som förstahandsval, WebP som andrahandsval och JPEG eller PNG som sista fallback via <picture>.
Vill du hålla det enkelt och bara välja ett format är WebP det tryggaste kortet tack vare det breda stödet och den snabba kodningen. Prioriterar du minsta möjliga filer och maximal hastighet är AVIF värt besväret. Hur du än väljer är steget bort från gamla JPEG och PNG det som gör mest skillnad för din sidhastighet.
Senast faktagranskad: 17 juli 2026