Images converted to WebP from different formats


I recommend loading inspector tools to see the difference.

All image conversions were achieved using ImageMagick. If an image was a JPEG, the PNG version was converted from the JPEG version. Same process was applied if the image was originally a PNG. The file sizes I display are the ones before any image optimization is performed at deployment time.

Here is a log output from Vercel builds

(-14.1 MB) 50.11% reduction in //output/static/images/Experiments/WEBP/JamesWebb.png
(-2.37 MB) 77.06% reduction in //output/static/images/Experiments/WEBP/JamesWebb_jpg.webp
(-888.16 KB) 59.83% reduction in //output/static/images/Experiments/WEBP/Our_lovely_neighbor-Boris_Groh.png
(-118.5 KB) 54.54% reduction in //output/static/images/Experiments/WEBP/Our_lovely_neighbor-Boris_Groh_jpeg.webp
(-306.79 KB) 52.57% reduction in //output/static/images/Experiments/WEBP/bullpup.png
(-52.16 KB) 53.49% reduction in //output/static/images/Experiments/WEBP/bullpup_jpg.webp

Our lovely neighbor - Boris Groh , original image in JPEG format.

JPEGPNG (JPEG -> PNG)JPEG -> WEBPPNG (JPEG -> PNG) -> WEBP
Our lovely neighbor - Boris Groh - JPEG VersionOur lovely neighbor - Boris Groh - PNG VersionOur lovely neighbor - Boris Groh - JPEG to WEBP VersionOur lovely neighbor - Boris Groh - PNG Version
336 KB1.5 MB225 KB94 KB

A bullpup, original image in PNG format.

JPG (PNG -> JPG)PNGJPG (PNG -> JPG) -> WEBPPNG -> WEBP
Bullpup - JPG VersionBullpup - PNG VersionBullpup - JPG to WEBP VersionBullpup - PNG to WEBP Version
116 KB598 KB100 KB39 KB

James Webb telescope image, original image in PNG format.

JPG (PNG -> JPG)PNGJPG (PNG -> JPG) -> WEBPPNG -> WEBP
JamesWebb - JPG VersionJamesWebb - PNG VersionJamesWebb - JPG to WEBP VersionJamesWebb - PNG to WEBP Version
5 MB29.5 MB3.2 MB577 KB
true