Vad skiljer WebP från JPEG och PNG?
WebP kan komprimera fotografier med kvalitetsförlust och grafik utan kvalitetsförlust.
Formatet kan även hantera transparens och animationer.
Varför mindre bilder är viktiga
Bilder är ofta en stor del av sidans totala filstorlek. Mindre filer kan förbättra laddningstid, mobilupplevelse och Core Web Vitals.
Hur mycket kan sparas?
Resultatet beror på motiv och inställningar.
WebP blir ofta märkbart mindre än en motsvarande JPEG- eller PNG-fil utan att skillnaden syns tydligt.
WebP i WordPress
WordPress stödjer uppladdning av WebP. Bilder bör fortfarande få rätt dimension, komprimering, alt-text och lazy loading när de ligger längre ned på sidan.
När ett formatbyte faktiskt ger märkbar effekt
En startsida har sex fotografier på ungefär 700 kB vardera. Bara genom att konvertera dem till WebP och välja rimlig kvalitet kan den totala bildvikten minska kraftigt.
Om filerna samtidigt skalas från 4000 till 1600 pixlar kan vinsten bli ännu större. På en annan sida finns bara en liten 20 kB-ikon; där spelar formatbytet nästan ingen roll. Optimera alltså de resurser som står för verklig datamängd. Nätverkspanelen visar vilka bilder som är tyngst och gör det möjligt att prioritera. Det är bättre än att masskonvertera hela mediebiblioteket utan att veta vilka filer besökaren faktiskt hämtar. Bedöm alltid kvalitet i den storlek där bilden ska visas.
WebP kan minska bildvikten utan att ändra motivet
WebP är ett modernt bildformat som kan lagra både fotografier och grafik med transparens. I många fall går det att få en mindre fil än motsvarande JPEG eller PNG vid jämförbar upplevd kvalitet. Vinsten märks särskilt på sidor med många stora bilder. Men formatet är inte en magisk komprimeringsknapp: en 4000 pixlar bred WebP-fil kan fortfarande vara onödigt tung om bilden bara visas 600 pixlar bred. Dimensioner och komprimeringsnivå behöver fortfarande anpassas till layouten.
Behåll ett bra original även om webbplatsen använder WebP
När bilder laddas upp till ett CMS är det klokt att ha ett högkvalitativt original utanför webbplatsen. Då kan nya varianter genereras senare utan att du utgår från en redan hårt komprimerad fil.
WordPress och bildoptimeringstjänster kan skapa WebP-versioner automatiskt, men du bör kontrollera att rätt fil faktiskt levereras i webbläsaren. DevTools nätverkspanel visar vilket format och vilken storlek som hämtas, vilket är mer pålitligt än att bara titta på filnamnet i mediebiblioteket.
WebP är en del av bildoptimeringen, inte hela lösningen
Första bilden i en hero påverkas både av format, pixelstorlek, prioritering och hur den laddas. En liten WebP som lazy-loadas trots att den är sidans största synliga element kan fortfarande försämra upplevelsen. Omvänt kan en väl dimensionerad JPEG vara fullt tillräcklig i vissa sammanhang. Utgå från den verkliga filstorleken, bildens visuella kvalitet och hur snabbt den blir synlig. Formatvalet ska stödja sidan, inte bli ett mål i sig.
Behöver företaget en bättre hemsida?
Få ett tydligt förslag och fast pris
Vi bygger och förbättrar WordPress-hemsidor med fokus på tydlighet, prestanda, SEO och enkel förvaltning.
Snabb återkoppling
Hjälpte den här artikeln dig?
Din röst sparas anonymt och hjälper oss att förbättra guiderna.