使用WebP節省網站流量和存儲空間，加快網站加載速度

使用WebP圖檔格式節省網站流量、帶寬和存儲空間，加快網站加載速度。

目前在網際網路上，圖檔流量仍占據較大的一部分。是以，在保證圖檔品質不變的情況下，節省流量帶寬是大家一直需要去解決的問題。傳統的圖檔格式，如 JPEG，PNG，GIF 等格式圖檔已經沒有太多的優化空間。是以 Google 于 2010 年提出了一種新的圖檔壓縮格式 — WebP，給圖檔的優化提供了新的可能。

什麼是WebP

WebP（發音：weppy）是一種同時提供了

有損壓縮

與

無損壓縮

（可逆壓縮）的圖檔檔案格式，派生自影像編碼格式

VP8

，被認為是WebM多媒體格式的姊妹項目，是由

Google

在購買

On2 Technologies

後發展出來，以BSD授權條款釋出。

WebP最初在2010年釋出，目标是減少檔案大小，但達到和

JPEG

格式相同的圖檔品質，希望能夠減少圖檔檔在網絡上的發送時間。2011年11月8日，Google開始讓WebP支援無損壓縮和透明色（alpha通道）的功能，而在2012年8月16日的參考實做libwebp 0.2.0中正式支援。根據Google較早的測試，WebP的無損壓縮比網絡上找到的PNG檔少了45%的檔案大小，即使這些PNG檔在使用pngcrush和PNGOUT處理過，WebP還是可以減少28%的檔案大小。

WebP支援的像素最大數量是16383x16383。有損壓縮的WebP僅支援8-bit的YUV 4:2:0格式。而無損壓縮（可逆壓縮）的WebP支援VP8L編碼與8-bit之ARGB色彩空間。又無論是有損或無損壓縮皆支援Alpha透明通道、ICC色彩配置、XMP诠釋資料。

WebP有靜态與動态兩種模式。動态WebP（Animated WebP）支援有損與無損壓縮、ICC色彩配置、XMP诠釋資料、Alpha透明通道。

相容性

現在主流的浏覽器都支援WebP了，Safari和Firefox可能需要較新版本才支援，我測試的最新版本Firefox已經支援WebP，IE不支援。Chrome核心的浏覽器都支援。微信和QQ測試也支援。

目前很多大型網站都已經使用WebP格式的圖檔了，微信公衆号文章在很早之前也已經開始使用了，還有很多CDN支援将圖檔轉換為WebP。

圖檔轉WebP格式

這裡推薦幾個線上轉webp圖檔的網站和工具：

webp2jpg：

https://renzhezhilu.gitee.io/webp2jpg-online/

支援jpeg、jpg、png、gif、svg、ico、bmp轉webp，可批量。

注：這個網站gif隻支援轉換第一幀圖檔。

智圖：

https://zhitu.isux.us/

智圖是騰訊ISUX前端團隊開發的一個專門用于圖檔壓縮和圖檔格式轉換的平台，其功能包括針對png,jpeg,gif等各類格式圖檔的壓縮，以及為上傳圖檔自動選擇最優的圖檔格式。同時，智圖平台還會為使用者轉換一份webp格式的圖檔。

注：不支援超過5M的圖檔，超過5M的格式需要下載下傳用戶端。用戶端可以批量轉換，轉換不是離線的，需将圖檔上傳伺服器轉換，對gif支援好像有點問題。

用戶端下載下傳位址：

http://go.zeruns.tech/N

Any To WebpTool：

https://zeruns.lanzous.com/id7zqab

支援jpg、png、gif，壓縮效果很好，對gif支援也不錯。下面的效果圖都是用這個軟體轉換的。

效果圖

普通圖檔轉webp圖檔品質和大小對比。

下面三張原圖大小和壓縮為webp後大小分别為：

原圖	webp
4.91MB	323KB
6.01MB	3.70MB
3.36MB	454KB

圖檔請看原文：

https://blog.zeruns.tech/archives/547.html

推薦文章

• 高成本效益和便宜的VPS/雲伺服器推薦： https://blog.zeruns.tech/archives/383.html
• 各大CDN平台速度評測： https://blog.zeruns.tech/archives/506.html
• 學生優惠權益大全： https://blog.zeruns.tech/archives/321.html
• 怎樣搭建個人部落格： https://blog.zeruns.tech/archives/218.html
• 使用阿裡雲搭建網站并實作站庫分離： https://blog.zeruns.tech/archives/513.html
• 各大雲伺服器廠商618活動優惠大全： https://blog.zeruns.tech/archives/549.html