# WebP Gallery ## Contents of this Gallery This gallery page is best viewed with a browser that supports WebP, such as Google Chrome, Opera [and others](https://developers.google.com/speed/webp/faq#which_web_browsers_natively_support_webp). If you don't have access to Google Chrome, you may download the images on your local drive to use with other products that [support WebP](https://wikipedia.org/wiki/WebP#Support). ## 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^](https://developers.google.com/speed/webp/gallery1#credits1) || | [![](https://www.gstatic.com/webp/gallery/1.sm.jpg)](https://www.gstatic.com/webp/gallery/1.jpg) JPEG file size: 43.84 KB | [![WebP Image](https://www.gstatic.com/webp/gallery/1.sm.webp)](https://www.gstatic.com/webp/gallery/1.webp) WebP file size: 29.61 KB | | || | "Kayaker at Ekstremsportveko 2010, Voss". [^2^](https://developers.google.com/speed/webp/gallery1#credits2) || | [![](https://www.gstatic.com/webp/gallery/2.sm.jpg)](https://www.gstatic.com/webp/gallery/2.jpg) JPEG file size: 86.25 KB | [![WebP Image](https://www.gstatic.com/webp/gallery/2.sm.webp)](https://www.gstatic.com/webp/gallery/2.webp) WebP file size: 59.18 KB | | || | Frame 10 of the "Parkrun" sequence [^3^](https://developers.google.com/speed/webp/gallery1#credits3) || | [![](https://www.gstatic.com/webp/gallery/3.sm.jpg)](https://www.gstatic.com/webp/gallery/3.jpg) JPEG file size: 297.05 KB | [![WebP Image](https://www.gstatic.com/webp/gallery/3.sm.webp)](https://www.gstatic.com/webp/gallery/3.webp) WebP file size: 198.38 KB | | || | Image: ["A Wild Cherry (Prunus avium) in flower"](https://commons.wikimedia.org/wiki/File:Fr%C3%BChling_bl%C3%BChender_Kirschenbaum.jpg) [^4^](https://developers.google.com/speed/webp/gallery1#credits4) || | [![](https://www.gstatic.com/webp/gallery/4.sm.jpg)](https://www.gstatic.com/webp/gallery/4.jpg) JPEG file size: 251.03 KB | [![WebP Image](https://www.gstatic.com/webp/gallery/4.sm.webp)](https://www.gstatic.com/webp/gallery/4.webp) WebP file size: 172.82 KB | | || | Image: [Fire breathing "Jaipur Maharaja Brass Band" Chassepierre Belgium](https://commons.wikimedia.org/wiki/File:Fire_breathing_2_Luc_Viatour.jpg) [^5^](https://developers.google.com/speed/webp/gallery1#credits5) || | [![](https://www.gstatic.com/webp/gallery/5.sm.jpg)](https://www.gstatic.com/webp/gallery/5.jpg) JPEG file size: 120.78 KB | [![WebP Image](https://www.gstatic.com/webp/gallery/5.sm.webp)](https://www.gstatic.com/webp/gallery/5.webp) 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. 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](https://www.gstatic.com/webp/gallery/1.png) [Blog post](https://www.kjetilbm.net/prosjekter/data/lyd-og-bilde/webp#) 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](https://www.gstatic.com/webp/gallery/2.png) [Blog post](https://www.kjetilbm.net/prosjekter/data/lyd-og-bilde/webp#) 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](https://www.gstatic.com/webp/gallery/3.png) | | 4 | Image: ["A Wild Cherry (Prunus avium) in flower"](https://commons.wikimedia.org/wiki/File:Fr%C3%BChling_bl%C3%BChender_Kirschenbaum.jpg) Image Author: Benjamin Gimmel [PNG source](https://www.gstatic.com/webp/gallery/4.png) Photo licensed under the [Creative Commons](https://en.wikipedia.org/wiki/en:Creative_Commons) [Attribution-Share Alike 3.0 Unported](https://creativecommons.org/licenses/by-sa/3.0/deed.en) license. | | 5 | Image: [Fire breathing "Jaipur Maharaja Brass Band" Chassepierre Belgium](https://commons.wikimedia.org/wiki/File:Fire_breathing_2_Luc_Viatour.jpg) Author: Luc Viatour [PNG source](https://www.gstatic.com/webp/gallery/5.png) Photo licensed under the [Creative Commons](https://en.wikipedia.org/wiki/en:Creative_Commons) [Attribution-Share Alike 3.0 Unported](https://creativecommons.org/licenses/by-sa/3.0/deed.en) license. Author website at [www.lucnix.be](https://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 . The version information reads: Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org For JPEG compression, we used the version 8b of IJG's reference encoder, available at . 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 explicitly specified the target sizes for each picture. Additionally, we set ad-hoc values for the filtering strength for each picture, 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.