Wat is WebP? Complete gids voor het beeldformaat van Google

WebP is een beeldformaat dat Google ontwikkelde om afbeeldingen op webpagina's kleiner te maken. Het combineert lossy fotocompressie zoals bij JPG, verliesvrije compressie en transparantie zoals bij PNG, en animatie zoals bij GIF in één bestandstype. Elke actuele browser geeft WebP weer, maar een gedownloade WebP die in oudere software niet opent, blijft een veelvoorkomende ergernis. Dit artikel legt uit hoe WebP werkt, hoeveel het echt bespaart en waar je op let bij het converteren.

Een korte geschiedenis van WebP

Google kondigde WebP aan op het Chromium-blog op 30 september 2010. De eerste versie bood alleen lossy compressie en was gebaseerd op de intra-frame-codering van de videocodec VP8. In de jaren daarna groeide het formaat: volgens de WebP-FAQ van Google worden verliesvrije compressie en transparantie ondersteund vanaf Chrome 23 en animatie vanaf Chrome 32. Lange tijd werd WebP alleen door de eigen documentatie van Google gedefinieerd; in november 2024 publiceerde de IETF het als RFC 9649, een informatief document van Google-engineers J. Zern, P. Massimino en J. Alakuijala, dat ook het mediatype image/webp registreerde.

Hoe WebP werkt

De RIFF-container

Volgens RFC 9649 is WebP gebaseerd op RIFF (Resource Interchange File Format). Een bestand begint met een RIFF-header en de handtekening WEBP, en de beeldgegevens worden in chunks opgeslagen. Dankzij die structuur kan één formaat verschillende compressietypen en extra gegevens naast elkaar bevatten.

Lossy WebP (VP8)

Lossy WebP slaat de afbeelding op in een VP8 -chunk met VP8-intra-frame-codering. Net als JPEG werkt het in blokken, maar het voorspelt elk blok uit de naburige pixels en codeert alleen het verschil met die voorspelling; die voorspellende codering is de belangrijkste bron van het voordeel ten opzichte van JPEG. Volgens de FAQ van Google werkt lossy WebP met 8 bits en 4:2:0-chroma-subsampling (YUV420), dus kleur wordt op halve resolutie bewaard, net als bij de gangbare instelling van JPEG.

Verliesvrije WebP (VP8L)

De verliesvrije modus gebruikt een totaal andere bitstream, VP8L. RFC 9649 beschrijft dat die LZ77, prefixcodering en een kleurcache combineert; samen met transformaties zoals het voorspellen van kleurkanalen uit elkaar comprimeert dat beter dan PNG. Er wordt gewerkt met 8-bits ARGB-gegevens per kanaal.

Transparantie en animatie

Verliesvrije WebP bevat het alfakanaal direct. Bij lossy WebP staat de transparantie in een aparte ALPH-chunk, zodat het fotodeel lossy kan zijn terwijl de randen volledige transparantie behouden. Animatie gebruikt de chunks ANIM en ANMF, die per frame de positie, de duur in milliseconden, de overvloeiing en de verwijderingsmethode vastleggen. Anders dan bij GIF zijn frames niet beperkt tot 256 kleuren.

Grenzen

De FAQ van Google noemt 16383 x 16383 pixels als maximale grootte van een WebP-afbeelding. WebP biedt geen progressieve of interlaced weergave zoals JPEG of PNG die kennen. De kleurdiepte is beperkt tot 8 bits, wat het ongeschikt maakt voor HDR-beelden; daar blinkt AVIF uit.

Hoeveel kleiner is WebP echt?

Volgens de eigen metingen van Google zijn lossy WebP-afbeeldingen 25-34% kleiner dan vergelijkbare JPEG-afbeeldingen bij een gelijkwaardige SSIM-kwaliteitsindex, en zijn verliesvrije WebP-afbeeldingen 26% kleiner dan PNG's. Dezelfde pagina van Google zegt dat verliesvrije WebP transparantie ondersteunt voor slechts 22% extra bytes. Dit zijn gemiddelden over de testsets van Google; jouw eigen afbeeldingen kunnen meer of minder winnen.

Gegevens van het echte web vertellen een vergelijkbaar verhaal: de Web Almanac 2024 van HTTP Archive zet de mediane WebP-afbeelding op mobiel op 1,3 bits per pixel, tegenover 2,0 voor JPEG en 3,8 voor PNG.

Ondersteuning in browsers en software

Volgens Can I use zijn browsers met volledige WebP-ondersteuning goed voor 97,18% van het wereldwijde gebruik (oktober 2026). Volledige ondersteuning begint bij Chrome 32, Firefox 65, Edge 18 en Safari 16, terwijl Safari 14 en 15 gedeeltelijke ondersteuning bieden. MDN merkt op dat Safari op macOS versie 14 of later nodig heeft, samen met macOS Big Sur (11) of nieuwer, om WebP weer te geven.

Het gebruik groeit snel, maar heeft het niveau van JPEG of PNG nog niet bereikt. Gegevens van W3Techs uit oktober 2026 tonen WebP op 22,7% van de gevolgde websites. Volgens de Web Almanac 2024 is 12% van de afbeeldingen op mobiele pagina's WebP, een aandeel dat tussen 2022 en 2024 met ongeveer drie procentpunten groeide.

WebP op een website aanbieden

Omdat elke actuele browser WebP weergeeft, volstaat het voor de meeste sites om de afbeelding rechtstreeks als .webp te gebruiken. Moet je ook heel oude browsers ondersteunen, dan kun je met het HTML-element <picture> eerst WebP opgeven en daarna een JPG als terugvaloptie. De browser kiest de eerste bron die hij begrijpt:

<picture>
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Beschrijvende alt-tekst" width="1200" height="800">
</picture>

Sommige servers en contentdeliverynetwerken leveren via dezelfde URL WebP of JPG, afhankelijk van de Accept-header die de browser meestuurt. Dat is handig, maar ook de belangrijkste reden dat mensen met een onverwacht WebP-bestand eindigen als ze kiezen voor "Afbeelding opslaan als".

Veelvoorkomende problemen

De WebP die ik heb gedownload, wil niet openen

Veel sites leveren afbeeldingen automatisch als WebP als de browser dat ondersteunt. Kies je "Afbeelding opslaan als", dan krijg je een .webp-bestand, en oudere viewers, sommige officeprogramma's, printdiensten en uploadformulieren die alleen JPG of PNG accepteren, kunnen dat niet openen. De praktischste oplossing is het bestand naar JPG of PNG te converteren.

Een geanimeerde WebP beweegt na conversie niet meer

JPG en PNG ondersteunen geen animatie. Wordt een geanimeerde WebP naar een van beide formaten geconverteerd, dan blijft er maar één frame over.

De transparantie is verdwenen

Converteer je een transparante WebP naar JPG, dan worden de transparante delen met een effen kleur gevuld. Converteer naar PNG als je de transparantie wilt behouden.

Het WebP-bestand is groter dan verwacht

Een al goed gecomprimeerde JPG naar WebP converteren bespaart niet altijd veel, en het opnieuw coderen voegt ook een klein kwaliteitsverlies toe. Was verliesvrije WebP geselecteerd, dan kan het bestand zelfs groter zijn dan de bron.

Tips voor het converteren van WebP

• Om een WebP overal te kunnen openen: converteer WebP naar JPG voor foto's, of WebP naar PNG voor transparante afbeeldingen en scherpe graphics. Bij geanimeerde WebP-bestanden wordt alleen het eerste frame geconverteerd.
• Om de afbeeldingen van je site kleiner te maken: onze converters JPG naar WebP en PNG naar WebP gebruiken standaard kwaliteit 80. Voor de meeste foto's levert dat een duidelijke besparing op met een verlies dat nauwelijks te zien is.
• Voor logo's en schermafbeeldingen vink je "Lossless WebP" aan. Elke pixel blijft exact behouden en de transparantie blijft staan, maar het bestand is groter dan in de lossy modus en kan zelfs groter worden dan de bron.
• Om meerdere formaten tegelijk te converteren, gebruik je de afbeeldingsconverter; je kunt tot 50 bestanden in één keer toevoegen en de resultaten als ZIP downloaden.
• Deze conversies draaien in je browser, dus je bestanden verlaten je apparaat nooit. EXIF- en locatiegegevens worden niet naar de uitvoer geschreven.

Veelgestelde vragen

Is WebP lossy of verliesvrij?

Allebei. WebP heeft twee aparte compressiemodi, lossy (VP8) en verliesvrij (VP8L). De bestandsextensie is dezelfde; welke modus is gebruikt, staat in de chunk in het bestand.

Opent WebP in Safari en op de iPhone?

Ja. Actuele Safari-versies ondersteunen WebP volledig. Volgens Can I use was de ondersteuning in Safari 14 en 15 gedeeltelijk, en kwam volledige ondersteuning met Safari 16.

Heeft WebP een betere kwaliteit dan JPG?

Een formaat heeft op zich geen "betere kwaliteit"; WebP geeft meestal een beter beeld bij dezelfde bestandsgrootte, of een kleiner bestand bij dezelfde beeldkwaliteit. In de metingen van Google is dat verschil 25-34% bij gelijkwaardige kwaliteit.

Gebruik ik WebP of AVIF?

AVIF levert voor foto's meestal kleinere bestanden op en ondersteunt HDR, maar coderen gaat trager en de ondersteuning op oudere apparaten is recenter. WebP codeert snel en de ondersteuning gaat verder terug. Op websites is het gangbaar om beide via het element <picture> aan te bieden en JPG als terugvaloptie te houden.

Hebben WebP-afbeeldingen invloed op SEO?

WebP zelf is geen rankingfactor, maar kleinere afbeeldingen helpen pagina's sneller te laden. Waar het om gaat, is de afbeelding op het juiste formaat, met een beschrijvende alt-tekst en snel aan te bieden.

Kan ik een WebP-bestand afdrukken of mailen?

Dat kan, maar de software van de ontvanger opent WebP misschien niet, en printdiensten en sommige uploadformulieren van bedrijven accepteren vaak alleen JPG, PNG of PDF. Converteer foto's naar JPG en transparante afbeeldingen naar PNG voordat je ze deelt, dan opent het bestand overal.

Bronnen

• RFC 9649: WebP Image Format
• Google for Developers: An image format for the Web
• Google for Developers: WebP Frequently Asked Questions
• Google for Developers: WebP Compression Study
• Chromium Blog: WebP, a new image format for the Web (30 september 2010)
• Can I use: WebP image format
• MDN: Image file type and format guide
• W3Techs: gebruiksstatistieken van afbeeldingsformaten op websites
• HTTP Archive Web Almanac 2024: Media