WebP

WebP Gallery

This gallery page is best viewed with a browser that supports WebP. This currently includes Google Chrome 9+ and Opera 11.10+.

If you don't have access to Google Chrome, you may download the images on your local drive. On Windows operating systems, you can also install the WebP codec to visualize the WebP images in Windows-based applications such as the Windows Photo Viewer.

A number of photo manipulation software support WebP. This includes Pixelmator on the Mac OS X platform. For Adobe® Photoshop, an open-source plugin for WebP is available free of charge by Toby Thain @telegraphics.

Sample Image Files in JPEG and WebP and the PNG Source

The table below shows scaled JPEG (on the left) and WebP images (on the right) side-by-side for comparison. Since browsers exist that support WebP natively, we no longer place WebP images in a PNG container as we did at launch. Image file sizes are exact. Clicking on the JPEG and WebP thumbnails will open the large images in a new tab

File sizes below the thumbnails correspond to the files sizes of the images viewed when clicking the thumbnails. The WebP images are more than 30% smaller than the JPEG ones.

JPEG

WEBP

"Nærøyfjorden, Norway - from Breiskrednosi. UNESCO World Heritage" 1

JPEG file size: 43.84 KB
WebP Image
WebP file size: 29.61 KB
"Kayaker at Ekstremsportveko 2010, Voss". 2

JPEG file size: 86.25 KB
WebP Image
WebP file size: 59.18 KB
Frame 10 of the "Parkrun" sequence 3

JPEG file size: 297.05 KB
WebP Image
WebP file size: 198.38 KB
Image: "A Wild Cherry (Prunus avium) in flower" 4

JPEG file size: 251.03 KB
WebP Image
WebP file size: 172.82 KB
Image: Fire breathing "Jaipur Maharaja Brass Band" Chassepierre Belgium 5

JPEG file size: 120.78 KB
WebP Image
WebP file size: 80.76 KB

Image Credits

The images on this page come from a number of different sources. We have selected some delightful and rich pictures to showcase qualities of WebP. Famous classic images such as Lena, the Baboon, etc., often used when doing compression comparisons, are unfortunately not free of copyright.

Credits for the images above are listed here in order.

1 "Nærøyfjorden, Norway - from Breiskrednosi. UNESCO World Heritage"
Image Author: Kjetil Birkeland Moe
Reproduced with permission of the author.
PNG source
Blog post by author with comparison of JPEG and WebP. Mouse hover activates examples.
2 "Kayaker at Ekstremsportveko 2010, Voss"
Image Author: Kjetil Birkeland Moe
Reproduced with permission of the author.
PNG source
Blog post by author with comparison of JPEG and WebP. Mouse hover activates examples.
3 Frame 10 of the "Parkrun" sequence
Image Producer: Lars Haglund, SVT Sveriges Television AB
Reproduced with permission of producer
PNG source
4 Image: "A Wild Cherry (Prunus avium) in flower"
Image Author: Benjamin Gimmel
PNG source
Photo licensed under the Creative Commons Attribution-Share Alike 3.0 Unported license.
5 Image: Fire breathing "Jaipur Maharaja Brass Band" Chassepierre Belgium
Author: Luc Viatour
PNG source
Photo licensed under the Creative Commons Attribution-Share Alike 3.0 Unported license.
Author website at www.lucnix.be

Reproducing the Images

For the sake of reproducibility and to demonstrate the use of some WebP compression parameters, we describe here the exact steps involved when generating the images in this gallery.

Tools

To convert and rescale the source pictures, we used a recent version of ImageMagick's tool named convert, available at http://www.imagemagick.org. The version information reads:

Version: ImageMagick 6.5.7-8 2010-12-02 Q16 http://www.imagemagick.org

For JPEG compression, we used the version 8b of IJG's reference encoder, available at http://www.ijg.org/files/jpegsrc.v8b.tar.gz.

The version information reads:

Independent JPEG Group's CJPEG, version 8b  16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding

Generating the Source PNG Pictures

First, the JPEG sources are converted losslessly to PNG format simply using:

convert in.jpg out.png

Then, the large source images are rescaled to a smaller width of 1024 pixels using the following command:

convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png

to produce the final set of source PNG images.

Compressing to JPEG Format

JPEG's encoder (cjpeg) takes input images in PPM format. We use convert to generate them. The complete conversion sequence is then:

convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm

which produces optimized JPEG files with a quality factor of 80.

Compressing to WebP Format

We targeted a 30% file size reduction compared to the optimized JPEG files. Thus, we explicitely specified the target sizes for each pictures. Additionally, we set ad-hoc values for the filtering strength for each pictures, thanks to the -f option of the cwebp tool. The amplitude of the spatial noise shaping is also reinforced for some pictures by use of the -sns option. The exact command lines used read:

cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp

Overall, the resulting WebP files provided a global saving of 32% compared to the JPEG file sizes.

Note that the WebP thumbnails used on this page are also smaller by 26% compared to their JPEG equivalent.

Authentication required

You need to be signed in with Google+ to do that.

Signing you in...

Google Developers needs your permission to do that.