網頁速度優化技巧,使用WebP 圖檔格式幫網站速度加分!

先前介紹過的 Google Speed Insight  ,是一款幫助測試「網頁速度」以及「使用者體驗」的線上工具,藉由多項指標評估網頁的「分數」,讓網頁速度有量化的標準,進而讓網站擁有者知道如何進行速度優化。(延伸閱讀:Google Page Speed Insight完整介紹!
網頁的速度跑起來太慢,或者是用 Google Speed Insight 跑出來的分數不高,就必須要幫網頁加速,除了可以利用快取外掛-WP Rocket 執行以外,還有另一個幫網站加速的小技巧,就是將檔案壓縮為 WebP檔 ,減少主機的負載,進而增加網頁速度!
以下就來實際講解一下,到底什麼是WebP檔?如何將一般的jpg、png轉檔成WebP檔?

WebP檔是什麼?
webp檔

因為圖檔大小跟網頁速度有直接的關聯性,像是許多畫質高清的網站常常需要花比較多時間載入,對於主機的負荷相對也較大,要讓網頁速度加快的方法之一,就是盡可能的壓縮圖檔,所以許多網站上架圖片時,都是用檔案格式較小的jpg檔替代,不過現在還有一個更好的選擇,那就是可以同時保有圖片品質,並且壓縮更小的WebP檔。
WebP檔是一種檔案格式,這種檔案類型設計出來的目的在於能夠「減少檔案大小」,並且可以「維持圖片品質」,簡單來說WebP檔可以在不影響圖片畫質的情況下,將檔案進行壓縮。

免費轉換WebP檔推薦軟體

squoosh
如果要將圖檔轉換成WebP檔案,就非常推薦使用「Squoosh」這套線上轉檔軟體。
Squoosh是由Google推出的圖片線上轉檔工具,免費提供圖片壓縮的服務,除了可以線上直接操作外,Squoosh也有推出離線桌面版,即便是沒有網路的情況,也能處理檔案壓縮的工作。

如何將圖片轉檔成WebP檔?

步驟一、上傳圖片至Squoosh
上傳檔案

步驟二、將檔案壓縮成WebP檔
選擇webp檔

選擇WebP檔的同時,系統會告訴你這個檔案縮小的百分比,檔案變小確實「有感」!

步驟三、下載檔案
壓縮百分比

整體結論

總結來說,將網頁中的圖片轉換成 WebP檔 不僅可以將檔案壓縮得更小,也能減少網頁運轉時的效能,進而達到優化網頁速度的目的,只要網頁速度拉上來,就可以增加用戶的使用體驗,將網頁的排名向前推進。
因此,如果網站上目前的圖檔配置還是以png或是jpg檔為主,那不妨可以參考文中的轉檔步驟,快速將檔案轉化成 WebP檔 。(延伸閱讀:網頁速度如何優化?
如果對於轉檔的內容,或者是網頁速度優化上有任何問題,也歡迎跟展躍網頁設計團隊聯繫,我們擁有網站製作、網頁速度優化…等豐富經驗,協助過上百個品牌網站,絕對能幫您解決網站經營上的難題!

相關文章