WordPress圖片尺寸壓縮:1個外掛幫你優化做到好

WordPress圖片尺寸控制及壓縮可以有效提升網站速度,是SEO重點觀察指標。本文介紹1個很好用的Imagify外掛,帶你瞭解它如何減少70%的檔案大小,幫你優化做到好。

一、AVIF圖片格式

所謂SEO可以簡單分成網頁技術和網頁內容兩種,其中網頁技術的部分有一個大重點是速度要快,好比餐廳裡面有道菜非常好吃,可是煮起來要花一兩個小時,這樣的話即使再怎麼好吃,大部分的人不會想點這道菜。網頁也是相同的情況,內容寫得再好,如果開啟這個網頁非常慢,大部分讀者也會受不了。

有了基本概念之後,再來看Google所提供的相關工具:PageSpeed Insights,光是從它的名稱就可以知道搜索引擎非常重視速度,就跟交通工具一樣,速度不夠快,不用再談其他的使用者體驗了。

對於網頁而言,通常圖片是影響速度很關鍵的因素,所有網頁都很需要圖片說明跟輔助,而圖片相較於文字通常檔案體積較大,消耗比較多資源,極有可能會拖慢網頁的瀏覽速度。

如同這裡截圖所示,Google這套線上工具的好處是它不僅幫你檢查評分,還會提出問題所在跟實質建議,例如這裡就提出來最好是提供next-gen格式的圖片,最新次世代適合在網頁上呈現的圖片格式。

此外,報告中同時也有具體提到可以做這方面優化的外掛「WP Rocket」以及如何操作,不過本篇文章則是要介紹另一款可以達到相同功能的外掛:Imagify」。

一、AVIF圖片格式

二、不同價格方案

通常開發成熟的WordpPess外掛都會有免費版與付費版,本篇文章所介紹的「IMAGIFY」也是如此,免費版每月有20MB額度,以一般照片的需求而言顯然不足,實質上可以把它當做是試用版。

付費版的部分每年是99美金,比一般像這樣子單一功能的外掛相比稍微偏貴,不過它是不限容量大小且不限網站數量,通常會有這方面需求,想要追求極致頂尖的圖片速度,通常是有持續部落格文章產出,或者同時管理多個網站的網頁設計公司,因此這個每年約100塊美金的方案大致上尚可接受,主要看它的功能效果如何,也就是文章接下來的分享。

二、不同價格方案

三、Imagify外掛使用

假設是跟贊贊小屋一樣使用付費版外掛,購買後輸入帳號在官方網站登入,點一下會員帳號的圖標,下拉清單中有一項是「API-INTEGRATION」,這裡的「Access Token」是之後在自己網站用到付費服務的關鍵令牌,也可以把它當做是一把專屬密碼,除此之外還能直接在此下載WordPress外掛檔案。

三、Imagify外掛使用

四、WordPress後台

依照一般流程上傳、安裝、啟用外掛之後,於WordPress後台會立即看到Imagify簡單的使用說明,分成三大階段:先建立帳戶、然後用上個步驟的API進行串連、最後是功能設定的部分。

注意到每次使用新的外掛都有一定風險,最好可以搭配WordPress備份外掛作為配套措施,以免網頁無法瀏覽或者資料丟失的情況。

四、WordPress後台

五、上傳自動壓縮

上個步驟提到的建立帳戶跟連接API,雖然一般的API可能涉及網頁程式資料連線,例如Youtube Data API取得,不過這裡的API已經都設計好了,唯一重點是輸入付費取得的密碼。接下來大致只要依照指示操作即可,和其他類似的線上工具差不多,在此不再多做介紹,直接進入設定階段。

在設定這裡其實也是跟一般的工具應用類似,大致上只要保留預設值即可,開發者總是會把主要功能預設為開啟,例如這裡有兩個重要選項預設即為勾選,一個是上傳圖片會自動進行壓縮,另外雖然是會自動壓縮,同時會保留原始圖片在另外的資料夾。

五、上傳自動壓縮

六、WordPress圖片尺寸

接下來同樣是在介紹如何設定的同時,順便瞭解這款外觀所提供的功能特性。呼應到文章一開始Google關於網站的評估建議,這裡是將圖片轉換為是新一代的AVIF格式,有助於提升WordPress速度,同時還有提供一些不同的網頁設定方式,在此同樣保留預設值即可。

最後值得一提的是,影響圖片體積主要在於它的大小像素,因此這裡有個很方便選項可以將網頁圖片控制在一定寬度,這裡是設定為「1400」,如此除了轉換跟壓縮之外,還有最後做一個把關。因為現在的相機手機像素都很高,但其實網頁呈現並不需要那麼高清的圖片,多出來也只是浪費,徒然拖慢了網頁瀏覽的速度。

WordPress圖片尺寸壓縮:1個外掛幫你優化做到好

七、網站速度優化

實際測試上傳圖片的狀況,在WordPress後台進入「媒體庫」,Imagify會自動新增一個欄位,並且在此欄位中會有圖片優化的記錄,兩張剛才上傳的圖片都減少了超過百分70%,優化程度非常好。

七、網站速度優化

如何選擇好的外掛

文章一開始有提到 WP Rocket是WordPress外掛中很有名數一數二的SEO網站速度優化工具,這篇文章所介紹的正是WP Rocket團隊所打造的圖片優化應用。

贊贊小屋自己試用過WP Rocket是覺得不太合適,不過當初在選擇圖片優化工具的時候,會採用Imagify除了它本身功能真的不錯之外,其背後的開發團隊確實也是贊贊小屋考量的主要因素之一,畢竟這代表著經驗豐富、長久經營,以及可能的技術支持等,此個人經驗提供給讀者參考。


歡迎加入Line社群,口袋裡的Excel小教室!

贊贊小屋服務:5,000元Google Kinsta主機,8,000元Excel ERP系統

網頁設計與品牌行銷:1站式電商網站完整服務(3,000元)

網頁設計及品牌行銷:1站式電商網站完整服務

最新文章: