WebP是什麼，為什麼我的網站需要它？

 WebP是什麼，為什麼我的網站需要它？

網頁設計時，圖片最好 WebP格式

比起文字，我們都知道網站上最主要能吸引人們注意及傳達訊息的最佳方式就是採用圖片。
至今為止您在網路上所看到的各式廣告也都是以圖片為主。

通常這些圖片檔案的主要格式為低細節PNG(小圖及icon圖示)和高細節JPEG(照片)，相對的問題產生了，一個網頁中光是圖像部份就佔了60%以上的下載量。
只要在頁面上所置放的圖片越多，當瀏覽者在請求讀取畫面的時後，伺服器必須一一回饋這些要求，頁面的檔案大小影響著傳遞速率的快慢，而這個反應速度影響了使用者體驗感受。
網站呈現速度太慢會讓使用者毫不猶豫的離開網站，前往其他網站。我想這不是你希望見到的事情。

最近幾年，google採用了一種新的檔案格式WebP。
透過圖像壓縮技術使得網站可以在非常短的時間內，向瀏覽網站的使用者提供大量圖像，也不會因此損失圖檔的解析度。
簡單的說，你不必為了提高網速而降低圖像的品質。

 

為什麼提升網速變得重要?

最大的原因來自於Google Search Console 其中一項核心網路生命力項目中，針對PageSpeed 洞察力進行網站的四大診斷效能問題。

第一個部份就是效能最佳化，其次是無障礙功能、最佳化、SEO搜尋引擎最佳化，共四個項目。

 

看看其他網站 : 

效能的部份只有 6 (非常低)

在這個狀況下不論是對伺服器或使用者介面都是很大的負擔，開啟網站的速度慢之外也嚴重的吃掉資源。更重要的是會影響SEO搜索。

為了排除這個狀況，能加快網頁載入速度的現代化圖片格式WebP就變得非常重要。
WebP 圖像文件比同類 PNG 文件小 26%，比同類 JPEG 文件小 25% 到 34%

我們實驗以下的原JPG圖檔經過轉換為WEBP檔案格式後，確實檔案的大小明顯小了一半以上。
但是，仔細比對二張圖檔的細節解析，很明顯沒有什麼差別。

JPG檔案大小 : 240KB

WEBP檔案大小: 113KB 

WebP 的好處
1.WebP 格式的主要優點是它可以將圖像打包成比其他格式更小的文件，同時保持相當的質量。
2.這有助於在不犧牲圖像外觀的情況下加快網頁速度。
3.較小的圖像文件還可以節省頻寬和設備資源，這在當今的移動設備上尤為重要。

WebP 缺點：這種檔案是針對網路上使用，大量網頁設計師已經開始使用，但是如果沒有網路又在離線狀態下，WebP 檔案格式就會變得不實用了。
WebP 畢竟是較新的一種圖像格式，最近才被部份瀏覽器和圖像查看編輯軟件所採用。(不過遲早會是必要的)
並非所有瀏覽器和軟件都支持 WebP。Apple Safari 和 Internet Explorer 不支持 WebP。
Google Chrome、Mozilla Firefox、Microsoft Edge 和 Opera 瀏覽器都支持 WebP 格式。
而圖像編輯器，如 Gimp 和 Adob​​e Photoshop（儘管 Photoshop 支持需要插件來編輯 WebP 文件）也支持 WebP 格式。

要提供更好的圖像，我該如何將JPEG或PNG圖檔轉換成 WebP的格式? 
有很多很棒的在線圖像轉換工具可以將 JPG 和 PNG 轉換為 WebP，反之亦然。

https://cloudconvert.com/ (這個圖像轉換站點可以將一個或多個圖像文件從一種格式轉換為您可能想要的幾乎任何其他格式。)
https://convertio.co/zh/jpg-webp/ (這個也是可以多向轉換)