Kortfattat: WebP är ett modernt bildformat som kan ge mindre bildfiler och snabbare hemsidor.
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.
Balansera bildkvalitet och laddningstid
Utgå från bildens faktiska visningsstorlek och välj format efter innehåll. WebP eller AVIF kan minska filstorleken, men rätt dimensioner och komprimering är minst lika viktiga. Ladda inte bilder utanför skärmen direkt om de kan lazy-loadas utan att påverka den första synliga delen.
Rekommenderat arbetsflöde för bilder
Beskär bilden till rätt proportion, skala ned den till en rimlig maximal bredd och jämför kvalitet vid olika komprimeringsnivåer. Ange en ALT-text som beskriver bildens funktion i sammanhanget. Kontrollera därefter vilken fil webbläsaren faktiskt hämtar och att huvudbilden inte lazy-loadas om den är sidans LCP-element.
Mät efter optimeringen
Jämför filstorlek, visuellt resultat och Core Web Vitals före och efter ändringen. Kontrollera särskilt LCP-bilden, eftersom felaktig lazy loading eller för stor fil kan försena sidans viktigaste innehåll. Testa flera enheter och behåll originalfiler utanför webbplatsen.
Fördjupa dig i relaterade guider
Ämnet hänger ihop med flera delar av en modern företagshemsida. Läs vidare om Vad är lazy loading?, Vad är srcset?. Genom att kontrollera helheten minskar risken att en isolerad ändring skapar problem för indexering, säkerhet, e-post eller prestanda.
Sammanfattning
WebP är ett modernt bildformat som kan ge mindre bildfiler och snabbare hemsidor. Arbeta stegvis, dokumentera nuläget och kontrollera resultatet efter varje förändring. För företag är en hållbar lösning en som både fungerar för besökaren i dag och är enkel att underhålla när webbplatsen utvecklas vidare.
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.
Frågor och svar
Vanliga frågor om vad är webp?
Stöds WebP i moderna webbläsare?
Ja, stödet är brett i moderna webbläsare.
Är WebP alltid bäst?
Inte alltid. SVG passar ofta bättre för logotyper och AVIF kan ibland ge mindre fotografier.
Kan PNG konverteras till WebP?
Ja, även transparens kan bevaras.