利用 WebP格式 圖片加快WordPress網站速度

Shape Image One
利用 WebP格式 圖片加快WordPress網站速度

利用 WebP格式 圖片加快Wordpress網站速度

WebP格式 是由 Google 創建的一種相對較新的下一代圖像文件格式。

在WordPress 網站上使用WebP格式圖片可以增強用戶體驗並整體減少加載時間。

尤其是電商網站,因為產品種類多,圖片也用的多,更應該用 WebP圖片來維持

網站的速度並且同時擁有高質量的圖片。

在這篇文章中,大叔將提供一些有用的提示,以便在你的 WordPress網站上使用。

什麼是 WebP 格式圖片?

WebP是Google在 2010 年開發的一種現代圖片文件格式,它同時用有損和無損壓縮。 目的是為網站提供更小更快的圖片,從而獲得卓越的性能。事實上,根據谷歌的說法,WebP 無損圖片比 PNG 小 26%,有損圖片比 JPEG 小 34%。

為什麼 WebP 很重要?

圖片在網站的性能有著重要的作用,圖片文件的大小會影響網站載入的速度,進而影響用戶體驗。因此,選擇最佳圖片文件格式就變得非常重要。 WebP 是專為網路圖片創建的光柵圖片格式,簡而言之,用更小的文件顯示高質量的圖片。

WebP 圖片可以根據像素值對圖片進行編碼,只包括必要的內容,而不會扭曲照片的

外觀,結果就是,文件變小,但圖片質量仍然相對較高。

使用更多圖像而不必擔心載入時間緩慢,增強 WordPress 網站的整體外觀和感覺。

可以自由使用所需圖像的大小和質量,還可以為網站設計提供更大的靈活性。

如何在您的 WordPress 網站上使用 WebP 圖像

現在了解 WebP是什麼以及它的好處是什麼,接下來介紹在 WordPress 網站上使用

這種格式的方法。

首先,需要注意的是,目前並非所有瀏覽器都支持 WebP 圖像。有哪些瀏覽器和版本

相容,可以看下面的這張圖片,或是連結到這個網站看詳細說明。

利用 WebP格式圖片加快Wordpress網站速度

如果想將圖片加到 WordPress,有兩個選擇。第一種是手動加入圖片的方法,

第二種是使用外掛來加入WebP 圖片。

如何手動將 WebP 圖片加到 WordPress

手動方法不像使用外掛那樣快速或直接。但是,如果你至少對處理網站文件有一定的

經驗,並且希望減少網站上安裝的外掛,那麼這時就可以利用手動的方式加入。

手動將 WebP格式 圖片加到 WordPress 網站需先轉換圖片,然後將它上傳到媒體庫。

最簡單的方法是使用線上工具,例如Online-Convert:

利用 WebP格式圖片加快Wordpress網站速度

只需點擊選擇文件,選擇圖像,然後點擊開始轉換按鈕。完成後記得保存新文件。

要將圖像添加到您的站點,您可以使用文件傳輸協議 (FTP) 客戶端,例如FileZilla,

或者編輯functions.php文件以啟用 WebP 上傳。以下程式碼加functions.php文件


//** *啟用 webp 圖像文件的上傳。*/ 功能 webp_upload_mimes($existing_mimes) { $existing_mimes['webp'] = 'image/webp'; 返回$existing_mimes; } add_filter('mime_types', 'webp_upload_mimes');

完成後記住保存更改並重新上傳文件。

然後應該能夠通過媒體庫上傳 WebP 圖像。

如果這看起來有點過於復雜,請不要擔心。您還可以選擇使用插件。

如何使用插件在 WordPress 中提供 WebP 圖片

借助 WordPress 插件,將您的 PNG 和 JPEG 圖片轉換為 WebP 可以輕鬆快捷。

另外,不必直接編輯您網站的任何文件,因為擴展程序將為您完成所有工作。

除易於使用之外,此方法的一個優點是不必擔心訪問者從不支持 WebP 圖片的瀏覽器

訪問您的站點。

如果他們使用的瀏覽器與這種下一代圖片文件格式不兼容,他們的瀏覽器會顯示圖片

原始文件,例如 JPEG 或 PNG 圖片。

如果要使用外掛,你有幾個選擇。

最流行和最可靠的一種是ShortPixel Image Optimizer

利用 WebP格式 圖片加快Wordpress網站速度

這個免費外掛提供多種通過優化圖片來提高網站性能的方法。例如,即時圖片轉換

提供無損和有損壓縮,可以通過在“高級設置”選項卡選項來啟用自動圖像轉換

利用 WebP格式圖片加快Wordpress網站速度

結論

圖片在任何網站上都起著至關重要的作用。

但是,使用的圖片文件格式將影響在頁面上的顯示方式以及加載速度。

因此,盡可能選擇最佳的圖片壓縮方式,這點非常重要。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *