Hva er WebP? WebP vs. PNG vs. JPG og når du bør bruke det
Hva er WebP? Kort sagt er WebP et bildeformat som Google utviklet og kunngjorde i 2010. En WebP-fil (.webp) lagrer et bilde med enten tapsbasert komprimering, basert på videokodeken VP8, eller tapsfri komprimering, og begge modusene støtter alfagjennomsiktighet og animasjon. Formålet er enkelt: mindre filer enn JPG, PNG eller GIF med tilsvarende visuell kvalitet.
Prøv gratis: Bilde til WebP Gratis å bruke, ingen konto nødvendig.
Derfor er WebP standardvalget for mange nettsteder, og det er grunnen til at du nå ser .webp-filer når du lagrer bilder fra nettet. Denne guiden forklarer hva en WebP-fil er, hvordan WebP vs. PNG og WebP vs. JPG faktisk står seg mot hverandre, når WebP er feil valg, og hvordan du åpner og konverterer formatet. Vil du gjøre om en PNG eller JPG til WebP med en gang, kan du bruke den gratis konvertereren fra bilde til WebP, som kjører i nettleseren din.
Hva er WebP? Slik fungerer formatet
En WebP-fil er en liten container (basert på RIFF, den samme strukturen som WAV-lydfiler bruker) som inneholder én av to typer bildedata:
- Tapsbasert WebP komprimerer bildet som én enkelt ramme med VP8-video. Den forutsier hver blokk med piksler ut fra naboene og lagrer bare differansen, og det er der besparelsen sammenlignet med JPG kommer fra. Den arbeider i 8-biters Y'CbCr 4:2:0, så fargedetaljene lagres med halv oppløsning, som i de fleste JPG-er.
- Tapsfri WebP er en egen kodek som gjengir hver piksel nøyaktig, som PNG, men med bedre komprimeringsverktøy.
Begge modusene kan ha en alfakanal for gjennomsiktighet, og en WebP-fil kan inneholde flere bilderammer med tidsangivelse, noe som gjør den til en animert WebP, en mindre erstatning for animerte GIF-er. Et WebP-bilde kan være opptil 16 383 × 16 383 piksler.
WebP er også dokumentert utenfor Google: RFC 9649, publisert av IETF i november 2024, beskriver formatet og registrerer medietypen image/webp, som servere sender i Content-Type-headeren.
Hvor mye mindre er WebP-filer?
WebP-dokumentasjonen fra Google oppgir disse tallene fra egne tester:
- Tapsfrie WebP-bilder er 26 % mindre enn PNG-er.
- Tapsbaserte WebP-bilder er 25–34 % mindre enn sammenlignbare JPEG-bilder ved tilsvarende SSIM, et mål på hvor likt et bilde ser ut som originalen.
- Tapsfri gjennomsiktighet koster omtrent 22 % ekstra byte, mens tapsbasert WebP med gjennomsiktighet vanligvis gir filer som er 3× mindre enn PNG.
Dette er gjennomsnitt, ikke garantier. Med reelle tall ville et PNG-skjermbilde på 200 KB bli omtrent 148 KB som tapsfri WebP (200 × 0,74), og et JPEG-foto på 500 KB ville havne mellom omtrent 330 KB og 375 KB som tapsbasert WebP. For en side med ti fotografier på 300 KB (3 000 KB totalt) betyr det samme spennet 1 980–2 250 KB, en besparelse på 750–1 020 KB ved hvert besøk uten hurtigbuffer.
Enkeltfiler kan gjøre det bedre eller dårligere. En JPEG som allerede er hardt komprimert, kan til og med bli større når du koder den på nytt, så sammenlign alltid størrelsen på resultatet med originalen.
WebP vs. PNG vs. JPG vs. AVIF
| JPG | PNG | WebP | AVIF | |
|---|---|---|---|---|
| Komprimering | Tapsbasert | Tapsfri | Tapsbasert og tapsfri | Tapsbasert og tapsfri |
| Gjennomsiktighet | Nei | Ja | Ja | Ja |
| Animasjon | Nei | Bare som APNG | Ja | Ja |
| Bitdybde | 8 bit | Opptil 16 bit | 8 bit | 8, 10 eller 12 bit |
| Nettleserstøtte | Universell | Universell | Alle nåværende nettlesere (Safari 14+) | Chrome 85+, Firefox 93+, Safari 16.4+, Edge 121+ |
| Best til | Fotografier som må kunne åpnes overalt, trykk, e-post | Skjermbilder, logoer, redigeringsoriginaler | Bilder og grafikk på nettet, gjennomsiktig eller animert | Bilder på nettet, med WebP eller JPG som reserve |
WebP vs. PNG
Er WebP bedre enn PNG? For et nettsted er svaret som regel ja. Tapsfri WebP beholder hver piksel i en PNG og er ifølge Googles tall i snitt 26 % mindre, mens tapsbasert WebP med alfakanal kan krympe gjennomsiktige produktbilder langt mer. PNG vinner fortsatt på tre områder: Formatet åpnes i alle programmer som noen gang er laget, det støtter 16-biters farger for redigering med høy presisjon, og det er fortsatt det tryggeste formatet for en originalfil du skal redigere igjen. For skjermbilder med liten, farget tekst bør du bruke tapsfri WebP i stedet for tapsbasert, fordi 4:2:0-fargeundersampling kan gjøre tynne røde eller blå linjer uskarpe.
WebP vs. JPG
For fotografier på nettet gir tapsbasert WebP tilsvarende kvalitet med mindre filstørrelse, og i motsetning til JPG kan det være gjennomsiktig eller animert. Fordelen med JPG er kompatibilitet: Alle kameraer, skrivere, e-postprogrammer og kontorprogrammer leser formatet. Hvis en fil skal ut av nettleseren, er JPG det tryggeste valget.
AVIF, som bygger på videokodeken AV1, er den nyere konkurrenten. Formatet støtter høyere bitdybder og kan ofte komprimere mer, men kodingen er tregere, og støtten kom senere. Et vanlig oppsett er AVIF først, deretter WebP og JPG til sist.
Nettleserstøtte for WebP
Alle nåværende store nettlesere viser WebP, også tapsfrie, gjennomsiktige og animerte filer:
- Chrome 32 og nyere, Edge 18 og nyere, Firefox 65 og nyere, Opera 19 og nyere.
- Safari 14 og nyere på macOS 11 Big Sur eller nyere, og Safari på iOS/iPadOS 14 og nyere.
Bare gamle systemer går glipp av det, for eksempel Internet Explorer eller en Mac som sitter fast på macOS 10.15 Catalina. Google Søk indekserer også WebP-bilder: Retningslinjene for bilder oppgir BMP, GIF, JPEG, PNG, WebP, SVG og AVIF som støttede formater.
Når du ikke bør bruke WebP
WebP er et leveringsformat for skjermer. Velg noe annet i disse tilfellene:
- Trykk. WebP er bare RGB, uten CMYK-modus, og trykkerier ber som regel om PDF, TIFF eller JPG av høy kvalitet.
- Redigeringsoriginaler. Hver tapsbasert lagring koster litt detalj. Behold den originale PNG-, TIFF- eller RAW-filen eller prosjektfilen i redigeringsprogrammet, og eksporter WebP bare for publisering.
- Filer du sender til andre. Eldre versjoner av bilderedigeringsprogrammer, kontorpakker, e-postprogrammer og opplastingsskjemaer kan avvise
.webp. Send JPG eller PNG når du ikke vet hvilken programvare mottakeren har. - Bilder over 16 383 piksler på en av sidene, for eksempel store panoramaer eller kart.
- Hardt komprimerte JPG-er. Ny koding legger til en ny generasjon med artefakter og sparer kanskje ingenting.
Slik bruker du WebP på et nettsted med reserveformat
Siden alle nåværende nettlesere støtter WebP, fungerer en enkel <img src="photo.webp"> for nesten alle. For å dekke eldre nettlesere også bruker du <picture>-elementet: Nettleseren velger den første <source> med en type den støtter, og faller ellers tilbake på <img>.
<picture>
<source srcset="/images/hero.avif" type="image/avif">
<source srcset="/images/hero.webp" type="image/webp">
<img src="/images/hero.jpg" alt="Blå lenestol i en lys stue"
width="1200" height="800">
</picture>
Behold alt, width og height på <img>, fordi de gjelder uansett hvilken fil som lastes. Sjekk også at serveren sender Content-Type: image/webp; på et gammelt Apache-oppsett kan det hende du må legge til AddType image/webp .webp i .htaccess.
For SEO betyr WebP mest gjennom hastighet. Largest Contentful Paint (LCP) i Core Web Vitals er ofte et stort toppbilde, og en mindre fil lastes ned raskere, særlig på mobilforbindelser. Artikkelen vår om hvorfor lastehastigheten for bilder betyr noe for Core Web Vitals forklarer hvordan LCP måles, og hvor komprimering og lat innlasting kommer inn. Formatet alene redder ikke et bilde som er fire ganger bredere enn plassen det fyller.
Slik åpner du WebP-filer på Windows og macOS
Hvordan du åpner WebP-filer, avhenger av systemet ditt:
- Hvilken som helst nettleser: Dra filen inn i et Chrome-, Edge-, Firefox- eller Safari-vindu.
- Windows 10 og 11: Åpne den i Bilder eller Paint. Hvis Windows ikke gjenkjenner filen, installerer du Microsofts gratis Webp Image Extensions fra Microsoft Store, som også gir miniatyrbilder i Filutforsker.
- macOS 11 Big Sur og nyere: Dobbeltklikk for å åpne den i Forhåndsvisning; Quick Look (mellomromstasten i Finder) viser den også.
Slik konverterer du WebP
Hvordan du konverterer WebP, avhenger av hvilken retning du trenger.
Til WebP, i nettleseren: WebP-konvertereren fra TimeToTime konverterer én PNG, JPG eller et annet bilde nettleseren kan lese, om gangen. Velg en kvalitet fra 1 til 100 (standard 80) og klikk Konverter til WebP, så viser verktøyet størrelsen på resultatet og hvor mye mindre eller større det er enn originalen, for eksempel «67 % mindre enn originalen» når en PNG på 1 250 000 byte blir en WebP på 412 500 byte. Gjennomsiktigheten beholdes, og bildet forlater aldri enheten din. Det finnes ingen batchmodus eller endring av størrelse, EXIF-metadata kopieres ikke, og en animert GIF blir et stillbilde. Safari kan ha problemer med å kode WebP; verktøyet sier da fra og lagrer en PNG, så bruk Chrome, Edge eller Firefox. Må du også redusere dimensjonene, har Bildekompressor en innstilling for maksimal bredde og kan også lage WebP.
Til WebP, på kommandolinjen: Googles verktøy cwebp fra libwebp-pakken konverterer enkeltfiler, eller hele mapper med et skript:
cwebp -q 80 in.png -o out.webp
cwebp -lossless logo.png -o logo.webp
-q angir kvaliteten fra 0 til 100 (standard 75), og -lossless bytter til tapsfri modus.
Fra WebP til PNG eller JPG: På macOS åpner du filen i Forhåndsvisning, velger Arkiv › Eksporter og velger PNG eller JPEG. På Windows åpner du den i Paint og bruker Fil › Lagre som. På kommandolinjen skriver dwebp in.webp -o out.png en PNG.
Ofte stilte spørsmål
Hva er en WebP-fil?
En .webp-fil er et bilde i Googles WebP-format. Det kan være et foto (tapsbasert), en pikselnøyaktig grafikk (tapsfri), et gjennomsiktig bilde eller en kort animasjon, og alle nåværende nettlesere åpner det.
Er WebP bedre enn PNG?
For nettsider er det som regel det: Tapsfri WebP er i snitt 26 % mindre enn PNG med identiske piksler. For redigeringsoriginaler, 16-biters bilder og filer som andre må kunne åpne i et hvilket som helst program, er PNG det tryggeste valget.
Reduserer konvertering til WebP kvaliteten?
Tapsbasert WebP forkaster noe detalj, som JPG; ved kvalitet 75–85 er forskjellen vanskelig å se på de fleste fotografier. Tapsfri WebP beholder hver piksel. Å konvertere en JPG til tapsfri WebP gir ikke tilbake detaljer som JPG-en allerede har mistet.
Hvorfor bruker nettsteder WebP i stedet for JPG?
Mindre filer lastes raskere og bruker mindre båndbredde, noe som hjelper Largest Contentful Paint. WebP støtter også gjennomsiktighet og animasjon, noe JPG ikke gjør.
Kan jeg konvertere WebP tilbake til JPG eller PNG?
Ja. Bruk Eksporter i Forhåndsvisning på en Mac, Lagre som i Paint på Windows eller dwebp på kommandolinjen. Resultatet kan ikke bli bedre enn WebP-filen, så behold originalene når du kan.
Prøv gratis: Bilde til WebP Gratis å bruke, ingen konto nødvendig.