WebP er et (relativt) moderne filformat for bilder på internett. Google introduserte det i 2010. Målet var å tilby et mer effektivt alternativ til eksisterende formater som PNG og JPEG.
Hovedformålet med WebP er å øke lastetiden til nettsteder. Dette oppnås ved å komprimere bilder sterkere uten stort kvalitetstap. Slik bruker nettsteder mindre båndbredde.
Den tekniske basisen for WebP ligger i VP8 videokodek. Denne teknologien ble opprinnelig utviklet av On2 Technologies. Google overtok dette selskapet og brukte teknikken som fundament for dette bildeformat.
Hvordan det teknisk fungerer: lossy og lossless komprimering
WebP støtter både lossy og lossless komprimering. Ved lossy komprimering blir data permanent fjernet for å redusere filstørrelsen. Dette skjer via prediktiv koding.
Teknologien forutsier verdiene av piksler basert på tilstøtende blokker. Kun forskjellen mellom forutsigelsen og virkeligheten lagres. Denne prosessen er mer effektiv enn metodene for eldre formater.
Lossless komprimering beholder alle originale pikseldata. Dette er nødvendig for bilder der grafisk presisjon er viktig. Komprimeringsalgoritmene til WebP er mer avanserte enn de til PNG.
Formatet støtter gjennomsiktighet via en alfa-kanal. Dette fungerer både for lossy og lossless filer. I tillegg tilbyr WebP støtte for animasjoner. Det er dermed også et alternativ til GIF-formatet.
Sammenligning med tradisjonelle formater (JPEG og PNG)
WebP presterer teknisk bedre enn JPEG ved sammenlignbar visuell kvalitet. Forskning fra Google viser at WebP-filer i gjennomsnitt er 25% til 34% mindre enn JPEG-filer.
Sammenlignet med lossless PNG-filer er WebP i gjennomsnitt 26% mindre. Besparelsen er betydelig for bilder med mange detaljer. Dette har en direkte innvirkning på den totale sidestørrelsen til et nettsted.
Ved samme filstørrelse leverer WebP ofte et skarpere bilde enn JPEG. Det er færre kompresjonsartefakter synlige i jevne fargeflater. Dette gjør formatet egnet for både bilder og grafiske illustrasjoner.
Dokumentasjon om disse sammenligningene finnes på den offisielle Google Developers-siden. Her er detaljerte testresultater og metoder beskrevet.
Innvirkningen på SEO og Core Web Vitals
WebP har en indirekte innvirkning på plasseringen i søkemotorer. Google bruker sidehastighet som en rangeringsfaktor. Ceteris paribus vil et raskere nettsted få en høyere vurdering i søkeresultatene.
Innenfor Core Web Vitals er Largest Contentful Paint (LCP) en viktig statistikk. Denne måler hvor raskt det største elementet på en side lastes inn. Fordi dette ofte er et bilde, forbedrer WebP denne poengsummen direkte.
Små filer er essensielle for mobilindeksering. Brukere på mobilnettverk har noen ganger begrenset nedlastingshastighet. WebP reduserer lastetiden på disse enhetene betydelig.
Google fremmer bruken av moderne formater gjennom verktøy som PageSpeed Insights. Verktøyet indikerer spesifikt når bilder kan leveres bedre i WebP-format.
Implementering i ditt CMS
Siden WordPress versjon 5.8 er det innebygd støtte for WebP. Brukere kan laste opp WebP-filer direkte til mediebiblioteket. Systemet genererer automatisk de nødvendige formatene for visning.
Andre systemer som Magento og Joomla tilbyr lignende muligheter via utvidelser. For eldre installasjoner er det plugins tilgjengelige som konverterer eksisterende biblioteker. Denne prosessen kan ofte automatiseres på serveren.
Det finnes server-side scripts som håndterer konverteringen ved hver forespørsel. Dette forhindrer at administratoren må tilpasse filene manuelt. Content Delivery Networks (CDN’er) kan også overta denne oppgaven.
For brukere av my.host er det en løsning via QUIC.cloud. Denne tjenesten konverterer PNG og JPEG-bilder automatisk til WebP. Integrasjonen sikrer at den optimale versjonen vises til besøkende. Du kan bruke dette med enhver hostingpakke. Du kan få tilgang til dette via den gratis LiteSpeed Cache plugin.
Nettleserstøtte og kompatibilitet
De fleste moderne nettlesere støtter WebP fullt ut. Dette gjelder for Google Chrome, Mozilla Firefox, Microsoft Edge og Apple Safari. Støtten i Safari ble lagt til i 2020.
Eldre nettlesere som Internet Explorer gjenkjenner ikke formatet. Også eldre versjoner av operativsystemer kan gi problemer ved visning. For disse tilfellene er det nødvendig med en fallback-mekanisme.
Utviklere bruker ofte HTML5 <picture>-taggen. Med denne kan nettleseren velge mellom en WebP-fil og et tradisjonelt format. Hvis WebP ikke støttes, laster nettleseren automatisk JPEG eller PNG-varianten.
Programvare for bildebehandling har nå bred støtte. Adobe Photoshop støtter WebP innebygget siden versjon 23.2. Også open-source programvare som GIMP kan arbeide med WebP-filer som standard.
Dagens status for nettleserstøtte kan sjekkes på Can I Use. Denne databasen holder oversikt over hvilke nettleserversjoner som er kompatible med webteknologier.
Legg igjen en kommentar