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.

Van JPG naar WebP overstappen

Wat verloren gaat

WebP heeft geen plek voor de IPTC-velden met bijschrift, credit en trefwoorden en de GPS-coördinaten, dus dat komt niet verder dan het JPG-bestand. Handig om te controleren voor je het origineel weggooit — en handig om te weten als weggooien juist de bedoeling was.

Wat het doelformaat erbij kan

WebP kan transparantie aan en JPG niet. Dat is ruimte die het resultaat heeft en die het origineel nooit gebruikt heeft: omzetten maakt geen transparante achtergrond, het maakt er pas achteraf een mogelijk.

WebP kan animatie dragen; een JPG-bestand is één frame. Eruit komt een bestand met één beeld in een formaat dat er meer aan zou kunnen.

Het resultaat openen

Adobe Photoshop en GIMP lezen zowel JPG als WebP, dus je kunt het resultaat naast het origineel leggen zonder een tweede programma.

Bestandsgrootte en kwaliteit

Het resultaat wordt groter dan het origineel en niet beter. JPG heeft al detail weggegooid en WebP bewaart wat er over is zonder er meer weg te gooien: het voorkomt verder verlies, het draait het eerste niet terug.

Waarvoor elk formaat bedoeld is

JPG is het formaat van Joint Photographic Experts Group, verschenen in 1992. Er wordt met 8 bits per kanaal vastgelegd.

WebP komt van Google en stamt uit 2010, vastgelegd in RFC 9649. Adobe Photoshop, GIMP en Squoosh lezen het formaat.

JPG verscheen in 1992 en WebP in 2010. Het oudste is doorgaans het veiligste bestand om te overhandigen; het nieuwste doet hetzelfde werk met minder bytes.

Van WebP naar JPG overstappen

Wat verloren gaat

JPG heeft geen alfakanaal. Een transparant WebP-bestand komt eruit met die vlakken opgevuld — wit, tenzij je iets anders instelt — en geen enkele instelling in JPG haalt de transparantie terug.

JPG bevat één stilstaand beeld. Van een geanimeerd WebP-bestand blijft het eerste frame over en de rest vervalt: de omzetting haalt er een beeld uit, ze neemt de beweging niet mee.

Het resultaat openen

Adobe Photoshop en GIMP lezen zowel WebP als JPG, dus je kunt het resultaat naast het origineel leggen zonder een tweede programma.

Bestandsgrootte en kwaliteit

Het bestand wordt fors kleiner, en het wordt kleiner door detail weg te gooien. WebP bewaart alles; JPG bewaart wat het oog toch nauwelijks ziet. Bij een foto is die ruil bijna gratis; bij tekst, een schermafbeelding of een lijntekening zie je hem als randen om de contouren.

Waarvoor elk formaat bedoeld is

WebP is het formaat van Google, verschenen in 2010. Er wordt met 8 bits per kanaal vastgelegd.

JPG komt van Joint Photographic Experts Group en stamt uit 1992, vastgelegd in ITU-T T.81. Adobe Photoshop, GIMP en Preview lezen het formaat.

JPG verscheen in 1992 en WebP in 2010. Het oudste is doorgaans het veiligste bestand om te overhandigen; het nieuwste doet hetzelfde werk met minder bytes.

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% groter

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% kleiner

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% kleiner

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

Meer over deze formaten

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.