Wat is een WebP-bestand?
Het beeldformaat van Google uitgelegd

Wat is WebP?

WebP (uitgesproken als "weppy") is een afbeeldingsformaat dat Google in 2010 heeft gecreëerd om webpagina's sneller te laten laden. Het is ontworpen als directe vervanger voor JPG, PNG en GIF — met de sterke punten van alle drie de formaten in één gecombineerd. WebP ondersteunt lossy compressie (zoals JPG), lossless compressie (zoals PNG), transparantie (zoals PNG) en animatie (zoals GIF), terwijl de bestanden aanzienlijk kleiner zijn.

Het formaat is gebaseerd op de VP8-videocodec, die Google overnam toen het in 2010 On2 Technologies kocht. Google paste de intra-frame coderingstechnologie van VP8 (het gedeelte dat individuele videoframes comprimeert) aan voor stilstaande afbeeldingen. De lossless-modus, toegevoegd in 2012, gebruikt een volledig ander algoritme op basis van transformcodering, entropiecodering en een paletgebaseerde aanpak.

WebP wordt inmiddels breed gebruikt op het web. Veel grote sites sturen WebP naar elke browser die het accepteert, dus als je met de rechtermuisknop een afbeelding opslaat, krijg je vaak een .webp-bestand in plaats van de .jpg die je misschien verwacht.

Hoe WebP-compressie werkt

WebP gebruikt fundamenteel verschillende compressiebenaderingen voor zijn lossy- en lossless-modi. Begrijpen hoe elk van deze werkt, legt uit waarom WebP betere compressie bereikt dan oudere formaten.

Lossy-modus (VP8-gebaseerd)

De lossy-compressie van WebP is afgeleid van de intra-frame-voorspelling van de VP8-videocodec. In tegenstelling tot JPG, dat de Discrete Cosinustransformatie (DCT) toepast op vaste blokken van 8×8 pixels, gebruikt WebP blokvoorspelling gecombineerd met een 4×4-DCT binnen macroblokken van 16×16. Zo werkt het:

1. Macro-blokindeling — de afbeelding wordt verdeeld in macro-blokken van 16×16 pixels (vergeleken met JPG's 8×8). Grotere blokken betekenen minder overhead voor egale gebieden.
2. Intra-voorspelling — elk blok wordt voorspeld op basis van al gedecodeerde aangrenzende blokken met behulp van een van de vier voorspellingsmodi (horizontaal, verticaal, DC, TrueMotion). De encoder slaat alleen het verschil op tussen de voorspelling en de werkelijke pixels.
3. DCT en kwantisering — het residu (voorspellingsfout) wordt getransformeerd met de DCT en vervolgens gekwantiseerd. Omdat voorspelling het grootste deel van de redundantie verwijdert, zijn de residuen klein en worden ze zeer efficiënt gecomprimeerd.
4. Entropiecodering — WebP gebruikt rekenkundige codering (specifiek een variant van booleaanse rekenkundige codering van VP8), die efficiënter is dan de Huffman-codering van JPG. Dit alleen al bespaart een paar procent ten opzichte van baseline JPEG.

De combinatie van betere voorspelling, grotere blokgroottes en superieure entropiecodering is de reden waarom lossy WebP-afbeeldingen 25–35% kleiner zijn dan JPG bij dezelfde visuele kwaliteit. De kwaliteitsparameter loopt van 0 (kleinste bestand, laagste kwaliteit) tot 100 (grootste bestand, hoogste kwaliteit), vergelijkbaar met JPG.

Lossless-modus

De lossless-compressie van WebP gebruikt een volledig ander algoritme dan de lossy-modus. Het werd geïntroduceerd in 2012 en is ontworpen om te concurreren met PNG. De lossless-compressor gebruikt verschillende geavanceerde technieken:

• Ruimtelijke voorspelling — elke pixel wordt voorspeld op basis van aangrenzende pixels met een van 14 ruimtelijke voorspellingsmodi. De encoder kiest voor elke regio de beste modus.
• Kleurtransformatie — WebP decorrelateert de RGB-kleurkanalen door rood te voorspellen vanuit groen, en blauw vanuit groen en rood. Dit vermindert de entropie van de kleurdata aanzienlijk.
• Subtract-green-transformatie — een vereenvoudigde kleurdecorrelatie die het groene kanaal aftrekt van rood en blauw, waarbij gebruik wordt gemaakt van de hoge correlatie tussen kanalen in natuurlijke afbeeldingen.
• Paletgebaseerde codering — voor afbeeldingen met maximaal 256 unieke kleuren schakelt WebP automatisch over naar een geïndexeerde paletmodus, vergelijkbaar met PNG-8 maar met betere compressie.
• LZ77-achterwaartse verwijzingen — de encoder vindt herhaalde pixelpatronen en vervangt ze door verwijzingen naar eerdere voorkomens, vergelijkbaar met hoe ZIP-compressie werkt.
• Huffman-codering — de uiteindelijke gecomprimeerde stroom gebruikt geoptimaliseerde Huffman-tabellen voor maximale compressie.

Het resultaat: lossless WebP-afbeeldingen zijn doorgaans 26% kleiner dan PNG-bestanden van dezelfde afbeelding. Voor afbeeldingen met een beperkt kleurenpalet (iconen, logo's, eenvoudige grafische elementen) kunnen de besparingen meer dan 40% bedragen.

Transparantie (alfakanaal)

WebP ondersteunt een volledig 8-bits alfakanaal in zowel lossy- als lossless-modus. Dit is een significant voordeel ten opzichte van JPG, dat helemaal geen transparantie ondersteunt. In lossy-modus kan het alfakanaal lossless worden gecomprimeerd (exacte transparantiewaarden behouden) of lossy (voor extra bestandsgroottebesparing). De lossy-alfaoptie is uniek voor WebP en is nuttig wanneer precieze transparantiegrenzen niet cruciaal zijn.

Een lossy WebP-afbeelding met transparantie is doorgaans 3x kleiner dan een equivalente PNG-24 met transparantie, waardoor het ideaal is voor weblevering van logo's, iconen en UI-elementen die transparante achtergronden nodig hebben.

Animatie

WebP ondersteunt animatie via een containerformaat dat vergelijkbaar is met hoe GIF meerdere frames opslaat. Elk frame kan lossy of lossless compressie gebruiken, en het formaat ondersteunt:

• Variabele framevertraging (zoals GIF)
• Volledige 24-bits kleur met 8-bits alfa per frame (GIF is beperkt tot 256 kleuren per frame)
• Lossy compressie per frame (GIF is uitsluitend lossless)
• Inter-frame-compressie (alleen de gewijzigde pixels tussen frames coderen)

In de tests van Google waren geanimeerde GIF's na conversie naar lossy WebP 64% kleiner (19% kleiner als lossless WebP), terwijl ze miljoenen kleuren en vloeiende transparantie ondersteunen. Dit maakt geanimeerde WebP het voorkeursformaat voor korte animaties, stickers en herhalende videoclips op het web.

Bestandsgroottevergelijking: WebP vs JPG vs PNG

De voornaamste reden waarom websites WebP hebben omarmd, is de besparing op bestandsgrootte. Typische groottes voor gangbare webafbeeldingen (ter illustratie; de werkelijke grootte hangt af van de inhoud):

Voor een typische webpagina met 20 afbeeldingen bespaart overstappen van JPG naar WebP ongeveer 500 KB–2 MB per paginabezoek. Op grote schaal vertaalt dit zich naar aanzienlijke bandbreedtebesparingen en meetbaar snellere laadtijden — daarom zijn Google, Facebook en Amazon al jaren geleden overgestapt.

WebP-bestanden openen

Het openen van een WebP-bestand hangt af van je besturingssysteem en de geïnstalleerde software. Hier vind je een complete gids voor elk platform.

Windows

Windows 11: De ingebouwde Foto's-app en Paint openen WebP-bestanden standaard. Dubbelklikken op een .webp-bestand opent het standaard in Foto's. Je kunt WebP ook openen in Paint en exporteren naar JPG via Bestand > Opslaan als.

Windows 10: Ondersteuning werd in latere versies via updates toegevoegd. Als WebP-bestanden niet openen, zorg er dan voor dat je systeem volledig is bijgewerkt. Je kunt ook de gratis WebP-afbeeldingsextensies van Microsoft uit de Microsoft Store installeren, of de WebP-codec van Google voor Windows, die WebP-ondersteuning toevoegt aan Windows Fotoviewer.

Externe viewers: IrfanView (gratis, met WebP-plugin), Paint.NET (gratis) en XnView (gratis) kunnen allemaal overweg met WebP-bestanden. Dit zijn uitstekende opties voor oudere Windows-versies of om bestanden batchgewijs te bekijken en te converteren.

Mac

macOS Big Sur (11.0) en later: Voorvertoning en Quick Look (druk op Spatie in Finder) openen WebP standaard. Je kunt ook exporteren naar JPG of PNG via het menu Bestand > Exporteren in Voorvertoning.

Oudere macOS-versies: WebP wordt niet standaard ondersteund. Installeer een externe viewer zoals XnView of open WebP-bestanden in een webbrowser (sleep het bestand naar Chrome, Safari of Firefox). Overweeg bij frequent gebruik een upgrade naar Big Sur of later.

Webbrowsers

Alle moderne webbrowsers ondersteunen WebP standaard. Je kunt elk WebP-bestand openen door het naar je browservenster te slepen of via Bestand > Openen. Dit werkt in:

• Chrome — volledige ondersteuning sinds versie 32 (2014); alleen lossy vanaf versie 9
• Firefox — sinds versie 65 (2019)
• Safari — sinds versie 14 / macOS Big Sur (2020)
• Edge — sinds versie 18 (2018)
• Opera — volledige ondersteuning sinds versie 19 (2014)

Dit is de snelste manier om een WebP-bestand op elke computer te bekijken — open het gewoon in je browser.

Telefoons en tablets

iPhone/iPad: iOS 14 en later ondersteunen WebP in Safari, de Foto's-app en Bestanden. Oudere iOS-versies kunnen WebP niet weergeven. Als je een WebP-bestand ontvangt op een ouder apparaat, moet je het eerst naar JPG converteren.

Android: Android ondersteunt lossy WebP al sinds versie 4.0 (2011) en lossless en transparante WebP sinds versie 4.3 (2013). De ingebouwde Galerij-app, Google Foto's en alle Android-browsers tonen WebP-bestanden zonder problemen.

Adobe Photoshop

Photoshop 23.2 (uitgebracht in februari 2022) en latere versies ondersteunen WebP standaard — je kunt WebP-bestanden direct openen, bewerken en opslaan. Als je een oudere versie hebt, heb je een externe WebP-plugin nodig of moet je eerst converteren naar JPG/PNG voordat je het in Photoshop opent. CleverUtils.com doet deze conversie in enkele seconden.

Veelvoorkomende problemen met WebP

Ondanks de technische voordelen zorgt WebP in de praktijk regelmatig voor hoofdbrekens. Dit zijn de meest voorkomende problemen die gebruikers tegenkomen.

Oudere software kan WebP niet openen

Hoewel alle moderne browsers WebP ondersteunen, geldt dat voor veel desktoptoepassingen niet. Oudere versies van Photoshop (vóór 23.2), oudere versies van Microsoft Office en veel nichetoepassingen weigeren WebP-bestanden volledig. Je kunt dus een afbeelding van het web downloaden en merken dat je favoriete bewerkings- of weergavesoftware die niet kan openen.

Incompatibiliteit met e-mailclients

Veel e-mailclients gaan slecht om met WebP. Sommige verwijderen WebP-bijlagen, andere tonen ze als kapotte afbeeldingen en weer andere laten een generiek bestandspictogram zien in plaats van een voorbeeld. Zakelijke Outlook-installaties, oudere webmaildiensten en e-mailclients op oudere apparaten zijn de meest voorkomende overtreders. Als je afbeeldingen per e-mail wilt versturen, zorgt converteren naar JPG ervoor dat elke ontvanger ze kan bekijken.

Uploadbeperkingen op sociale media

Sommige sociale mediaplatformen weigeren WebP-uploads in bepaalde contexten. Profielfoto-editors, omslagafbeeldingen voor evenementen, marktplaatsvermeldingen en story-uploads op verschillende platformen kunnen specifiek JPG of PNG vereisen. Hoewel dit verbetert, is JPG nog steeds de veiligste keuze voor uploads.

Drukdiensten accepteren geen WebP

Online drukdiensten (fotoboeken, canvas prints, visitekaartjes, posters) en lokale drukkerijen vereisen vrijwel universeel JPG-, PNG- of TIFF-bestanden. WebP is vrijwel onbekend in de drukkerijwereld. Als je een webafbeelding die je hebt opgeslagen wilt afdrukken, is converteren naar JPG een noodzakelijke stap.

Maximale afmetingslimiet

WebP heeft een harde limiet van 16.383 × 16.383 pixels. Dit is voldoende voor vrijwel alle web- en particuliere fotografietoepassingen, maar schiet tekort voor bepaalde professionele toepassingen: ultra-hoge-resolutie panorama's, grote formaat drukbestanden, wetenschappelijke beeldvorming en gedetailleerde kaarten of satellietbeelden kunnen deze limiet gemakkelijk overschrijden. JPG ondersteunt tot 65.535 × 65.535 pixels en PNG heeft geen praktische afmetingslimiet.

Lossy WebP-artefacten bij lage kwaliteit

Bij zeer lage kwaliteitsinstellingen (onder 50) kunnen lossy WebP-afbeeldingen een kenmerkend "plastic" of "wasachtig" uiterlijk krijgen. Het blokvoorspellingssysteem produceert vloeiendere maar minder natuurlijk ogende artefacten dan de blokkerige DCT-artefacten van JPG. Sommige fotografen en ontwerpers vinden deze artefacten storender dan die van JPG bij vergelijkbare kwaliteitsniveaus, vooral bij huidtinten en oppervlakken met textuur.

Wanneer WebP gebruiken

WebP blinkt uit in specifieke scenario's waar de voordelen het meest tot hun recht komen:

• Weblevering — elke afbeelding die op een website, webapp of PWA wordt geserveerd. Dit is het primaire doel van WebP en waar het de meeste waarde levert.
• Bandbreedtebeperkte omgevingen — mobiele apps, gebieden met trage verbindingen en toepassingen waarbij datatransportkosten significant zijn.
• GIF vervangen — geanimeerde WebP is dramatisch kleiner dan GIF met een aanzienlijk betere kwaliteit (24-bits kleur vs 256 kleuren).
• Transparante webgrafieken — lossy WebP met alfa is veel kleiner dan PNG voor afbeeldingen die zowel fotografische kwaliteit als transparantie nodig hebben (productfoto's op transparante achtergronden, bijvoorbeeld).

Wanneer WebP NIET gebruiken

Er zijn duidelijke situaties waarbij WebP de verkeerde keuze is:

• E-mailbijlagen — gebruik JPG voor universele compatibiliteit.
• Afdrukken — gebruik JPG (voor foto's) of PNG/TIFF (voor grafische elementen). Geen enkele drukdienst accepteert WebP.
• Archiefopslag — gebruik lossless PNG, TIFF of het originele RAW-bestand. De lossy-compressie van WebP verwijdert data permanent, en het formaat is jonger met minder bewezen staat van dienst op lange termijn dan JPEG of TIFF.
• Afbeeldingen groter dan 16.383 pixels — WebP kan eenvoudigweg geen afbeeldingen coderen die deze afmeting overschrijden.
• Workflows met oudere software — als je bewerkingspijplijn software bevat die WebP niet ondersteunt, bespaar je jezelf frustratie door aan het begin te converteren naar JPG of PNG.
• Universeel delen — als je niet weet welk apparaat of welke software de ontvanger gebruikt, is JPG de veiligste keuze.

WebP naar JPG converteren

Wanneer de compatibiliteitsbeperkingen van WebP een probleem vormen, is converteren naar JPG de eenvoudigste oplossing. JPG is het meest universeel ondersteunde afbeeldingsformaat ter wereld — elk apparaat, elke toepassing, elke e-mailclient, elk sociaal mediaplatform en elke drukdienst accepteert het zonder problemen.

Bij het converteren van lossy WebP naar JPG treedt een minimale kwaliteitsvermindering op, omdat beide formaten lossy zijn. Bij hoge kwaliteitsinstellingen is het verschil voor het menselijk oog echter niet waarneembaar. CleverUtils slaat de JPG op met kwaliteit 92, vult transparante gebieden met wit en gebruikt bij een geanimeerde WebP het eerste frame.

Voor lossless WebP-bestanden introduceert converteren naar JPG voor het eerst lossy-compressie. De resulterende JPG is een uitstekende kwaliteitsbenadeing, maar als je perfecte pixelbehoud nodig hebt, overweeg dan om te converteren naar PNG.