JPG vs WebP

Bij dezelfde zichtbare kwaliteit weegt WebP een kwart tot een derde minder.

Kies JPG wanneer

JPG als het bestand geleverd of geüpload moet worden aan een systeem dat niets anders aanneemt.

Kies WebP wanneer

WebP voor webpagina’s. Het voordeel in omvang is echt en je merkt het rechtstreeks aan de laadtijd.

Het detail waar mensen op stuklopen

Een bestaande JPG naar WebP omzetten levert minder op dan de cijfers beloven: wat de JPEG-codeerder heeft weggegooid is er niet meer, en WebP kan het niet teruggeven. Het volle voordeel komt alleen als je van het origineel uitgaat.

Wat de omzetting van JPG naar WebP werkelijk doet

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as JPG.

JPG9 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as WebP.

WebP14 KB65% larger

Een fotografisch tafereel — zachte overgangen, vage randen, korrel. Dit is het geval waarvoor WebP is bedacht, of waartegen, en de cijfers laten zien welke van de twee. Beide afbeeldingen worden door code getekend en gecodeerd door dezelfde omzetter die op deze pagina draait, dus de groottes zijn de uitvoer van de site zelf.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as JPG.

JPG6 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as WebP.

WebP4 KB25% smaller

Een doorzichtige achtergrond en een verloop dwars door de vorm. WebP houdt beide, of één van beide, of vult de doorzichtigheid met een effen kleur — en juist dat verschil overvalt mensen. Beide afbeeldingen worden door code getekend en gecodeerd door dezelfde omzetter die op deze pagina draait, dus de groottes zijn de uitvoer van de site zelf.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as JPG.

JPG16 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as WebP.

WebP11 KB34% smaller

Vlakke kleur en harde randen, zoals in een interface, een diagram of een logo. Gedraagt zich heel anders dan de foto hierboven, en dat is waarom het antwoord «het hangt ervan af wat er in het bestand zit» is. Beide afbeeldingen worden door code getekend en gecodeerd door dezelfde omzetter die op deze pagina draait, dus de groottes zijn de uitvoer van de site zelf.

Naast elkaar

JPG en WebP regel voor regel vergeleken: wat elk bewaart en wat dat kost.
JPGWebP
Full nameJPEG ImageWebP Image
Extensie.jpg, .jpeg, .jpe.webp
Mediatypeimage/jpegimage/webp
CompressieMet verlies — grootte wordt met kwaliteit betaaldHet een of het ander, afhankelijk van de instelling
Deze site kan het schrijvenJaJa

Gekozen? Zet het hier om

Waar deze cijfers vandaan komen

Wat deze pagina over JPG and WebP beweert, is na te gaan, en dit zijn de documenten die de zaak beslechten.