WebP er et (relativt) moderne filformat for billeder på internettet. Google introducerede det i 2010. Målet var at tilbyde et mere effektivt alternativ til eksisterende formater som PNG og JPEG.
Hovedformålet med WebP er at øge indlæsningshastigheden for websites. Dette sker ved at komprimere billeder stærkere uden stort kvalitetstab. Derved bruger sider mindre båndbredde.
Den tekniske basis for WebP ligger i VP8 videokodeken. Denne teknologi blev oprindeligt udviklet af On2 Technologies. Google overtog dette firma og brugte teknikken som fundament for dette billedformat.
Hvordan det teknisk fungerer: lossy og lossless kompression
WebP understøtter både lossy og lossless kompression. Ved lossy kompression fjernes data permanent for at gøre filen mindre. Dette sker gennem prædiktiv kodning.
Teknologien forudsiger værdierne for pixels baseret på tilstødende blokke. Kun forskellen mellem forudsigelse og virkelighed gemmes. Denne proces er mere effektiv end metoderne i ældre formater.
Lossless kompression bevarer al original pixeldatar. Dette er nødvendigt for billeder, hvor grafisk præcision er meget vigtig. WebP’s kompressionsalgoritmer er mere avancerede end dem i PNG.
Formatet understøtter gennemsigtighed via en alfa-kanal. Dette fungerer både ved lossy og lossless filer. Desuden tilbyder WebP også understøttelse af animationer. Det er dermed også et alternativ til GIF-formatet.
Sammenligning med traditionelle formater (JPEG og PNG)
WebP præsterer teknisk bedre end JPEG ved sammenlignelig visuel kvalitet. Forskning fra Google viser, at WebP-filer i gennemsnit er 25% til 34% mindre end JPEG-filer.
Sammenlignet med lossless PNG-filer er WebP i gennemsnit 26% mindre. Besparelsen er betydelig ved billeder med mange detaljer. Dette har en direkte indflydelse på den samlede størrelse af en webside.
Ved samme filstørrelse leverer WebP ofte et skarpere billede end JPEG. Der er færre kompressionsartefakter synlige i ensartede farvefelter. Dette gør formatet egnet til både fotos og grafiske illustrationer.
Dokumentation om disse sammenligninger kan findes på den officielle Google Developers side. Her er omfattende testresultater og metoder beskrevet.
Påvirkning på SEO og Core Web Vitals
WebP har en indirekte indflydelse på placeringen i søgemaskinerne. Google bruger sidehastighed som en rankingsfaktor. Ceteris paribus får en hurtigere hjemmeside en højere placering i søgeresultaterne.
Inden for Core Web Vitals er Largest Contentful Paint (LCP) en vigtig statistik. Denne måler, hvor hurtigt det største element på en side indlæses. Fordi dette ofte er et billede, forbedrer WebP denne score direkte.
Små filer er essentielle for mobilindeksering. Brugere på mobile netværk har undertiden begrænset downloadhastighed. WebP reducerer indlæsningstiden på disse enheder betydeligt.
Google promoverer brugen af moderne formater via værktøjer som PageSpeed Insights. Værktøjet angiver specifikt, hvornår billeder bedre kan serveres i WebP-format.
Implementering i dit CMS
Siden WordPress version 5.8 er der native understøttelse for WebP. Brugere kan uploade WebP-filer direkte til mediebiblioteket. Systemet genererer automatisk de nødvendige formater til visningen.
Andre systemer som Magento og Joomla tilbyder lignende muligheder via udvidelser. For ældre installationer er der plugins tilgængelige, der konverterer eksisterende biblioteker. Denne proces kan ofte automatiseres på serveren.
Der findes server-side scripts, der håndterer konverteringen ved hver forespørgsel. Dette forhindrer, at administratoren manuelt skal ændre filer. Content Delivery Networks (CDN’er) kan også overtage denne opgave.
For brugere af my.host er der en løsning via QUIC.cloud. Denne service konverterer PNG og JPEG billeder automatisk til WebP. Integrationen sikrer, at den optimale version vises til besøgende. Du kan benytte dette med enhver hostingpakke. Du kan få adgang til dette via den gratis LiteSpeed Cache plugin.
Browserunderstøttelse og kompatibilitet
De fleste moderne webbrowsere understøtter WebP fuldt ud. Dette gælder for Google Chrome, Mozilla Firefox, Microsoft Edge og Apple Safari. Understøttelsen i Safari blev tilføjet i 2020.
Forældede browsere som Internet Explorer genkender ikke formatet. Også ældre versioner af operativsystemer kan give problemer ved visning. For disse tilfælde er en fallback-mekanisme nødvendig.
Udviklere bruger ofte HTML5 <picture> tag. Hermed kan browseren vælge mellem en WebP-fil og et traditionelt format. Hvis WebP ikke understøttes, indlæser browseren automatisk JPEG- eller PNG-varianten.
Software til billedredigering har nu bred understøttelse. Adobe Photoshop understøtter WebP native siden version 23.2. Også open-source programmer som GIMP kan arbejde med WebP-filer som standard.
Den aktuelle status for browserunderstøttelse kan kontrolleres via Can I Use. Denne database registrerer, hvilke browserversioner der er kompatible med webteknologier.
Skriv et svar