這個圖片庫的內容
使用支援 WebP 的瀏覽器 (例如 Google Chrome、Opera 等供應商) 瀏覽這個圖庫頁面時，效果最好。
如果您沒有 Google Chrome 的存取權，也可以下載本機磁碟上的圖片，與其他支援 WebP 的產品搭配使用。
JPEG 和 WebP 格式的圖片檔案範例，以及 PNG 來源
下表並排顯示縮放後的 JPEG 圖片 (左側) 和 WebP 圖片 (位於右側)，方便您進行比較。由於瀏覽器內建支援 WebP，因此我們不再像推出時一樣將 WebP 圖片放在 PNG 容器中。圖片檔的大小必須完全相符。按一下 JPEG 和 WebP 縮圖 即可在新分頁中開啟大型圖片
縮圖下方的檔案大小取決於點選縮圖時檢視的圖片檔案大小。WebP 圖片比 JPEG 圖片高出 30% 以上。
JPEG | WEBP |
|---|---|
| 挪威的「Nærøyfjorden, - 作者：Breiskrednosi》。聯合國教科文組織世界遺產」1 | |
 JPEG 檔案大小：43.84 KB |
 WebP 檔案大小：29.61 KB |
| 「Ekstremsportveko 2010, Voss 的 Kayaker. 2 | |
 JPEG 檔案大小：86.25 KB |
 WebP 檔案大小：59.18 KB |
| 「停車場」序列的影格 103 | |
 JPEG 檔案大小：297.05 KB |
 WebP 檔案大小：198.38 KB |
| 圖片：「A Wild Cherry (Prunus avium) in flower」 4 | |
 JPEG 檔案大小：251.03 KB |
 WebP 檔案大小：172.82 KB |
| 圖片：呼吸「Jaipur Maharaja Brass Band」比利時 Chassepierre 比利時 5 | |
 JPEG 檔案大小：120.78 KB |
 WebP 檔案大小：80.76 KB |
圖片來源
本頁的圖片來自多個不同來源。我們挑選了幾張令人賞心悅目的圖片來展示 WebP 的特色。許多知名的經典圖片經常在壓縮比較時使用，例如 Lena、Baboon 等，都不受版權保護。
以上圖片的製作人員名單會依序列出。
| 1 |
挪威的「Nærøyfjorden, - 作者：Breiskrednosi》。聯合國教科文組織世界遺產」 圖片作者：Kjetil Birkeland Moe 經作者許可而重製。 PNG 來源 網誌文章，提供 JPEG 和 WebP 的比較結果。滑鼠懸停功能會啟用範例。 |
| 2 |
「Vayaker at Ekstremsportveko 2010, Voss」 圖片作者：Kjetil Birkeland Moe 經作者許可而重製。 PNG 來源 網誌文章，提供 JPEG 和 WebP 的比較結果。滑鼠懸停功能會啟用範例。 |
| 3 |
「帕倫」序列的影格 10 圖片製作者：Lars Haglund、SVT Sveriges Television AB 經製作者許可重新製作 PNG 來源 |
| 4 |
圖片：「A Wild Cherry (Prunus avium) in flower」 圖片作者：Benjamin Gimmel PNG 來源 相片採用 創用 CC 姓名標示 3.0 未移植授權。 |
| 5 |
圖片：呼吸 "Jaipur Maharaja Brass Band" Chassepierre 比利時 作者：Luc Viatour PNG 來源 相片採用 創用 CC 姓名標示 3.0 未移植授權。 Author 網站：www.lucnix.be |
重現映像檔
為提升可重現性及示範某些 WebP 壓縮參數的使用，我們在此說明產生這個圖片庫中的圖片時所需的確切步驟。
工具
為了轉換及重新調整來源圖片，我們使用最新版 ImageMagick 工具，網址為 https://www.imagemagick.org。
convert版本資訊如下所示：
Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org
如果是 JPEG 壓縮，我們使用 8b 版的 IJG 參考編碼器，該編碼網址為 https://www.ijg.org/files/jpegsrc.v8b.tar.gz。
版本資訊如下所示：
Independent JPEG Group's CJPEG, version 8b 16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding
產生來源 PNG 圖片
首先，系統會使用以下方式，將 JPEG 來源無損轉換為 PNG 格式：
convert in.jpg out.png
接著，系統會使用下列指令，將大型來源圖片重新調整為較小寬度 1024 像素：
convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png
以便產生最終的 PNG 來源圖片。
正在壓縮為 JPEG 格式
JPEG 的編碼器 (cjpeg) 可接收 PPM 格式的輸入圖片。我們使用 convert 產生這些變數。完整的轉換序列如下：
convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm
進而產生品質為 80 的最佳化 JPEG 檔案。
壓縮為 WebP 格式
我們指定比最佳化 JPEG 檔案少了 30% 的檔案大小。因此，我們明確指定了每張圖片的目標大小。此外，藉由 cwebp 工具的 -f 選項，我們可以為每個相片設定特殊的篩選強度值。系統也會透過使用 -sns 選項，加強部分相片的空間雜訊形狀的振幅。確切的指令列會讀取：
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
整體而言，與 JPEG 檔案大小相比，產生的 WebP 檔案可省下 32% 的全球費用。
請注意，相較於同等的 JPEG 檔案，本頁使用的 WebP 縮圖也小於 26%。