Shopping Cart

購物車內沒有任何商品。

加入 WordPress 學習交流社團

為什麼要加入本社團?好處如下:

  1. 問題解答
  2. 免費教學
  3. 好用工具推薦
  4. 最新資訊
  5. 秘訣分享
  6. 資安通報
  7. 100+參考指引
立即加入
快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

如何在 WordPress 壓縮圖片以提升網頁速度?

根據 HTTP Archive 數據指出,圖片約佔網頁大小的 21%,僅次於影片的 60%。如果圖片檔案過大,會拖慢網頁速度,進而影響 SEO 排名及使用者體驗。那麼要如何壓縮圖片?方法很多,本篇文章將介紹 ShortPixel 這款工具。

ShortPixel 介紹

ShortPixel 是一款知名的圖片壓縮服務,提供 WordPress 外掛及線上工具讓你操作。支援 JPG、GIF、PNG 等檔案格式,壓縮比例由高至低依序為 Lossy、Glossy、Lossless 三種。如果你想壓縮 PDF 檔也沒有問題。

除了壓縮檔案外,也能將現有的檔案轉成 WebP 或 AVIF。由於這類檔案比 JPG、PNG還要小,所以能以更快的速度載入。

在費用方面,免費版提供每月 100 張圖片壓縮額度,初期來說還算夠用;如果不敷使用,可以購買付費版以取得更多壓縮額度。

ShortPixel

當你透過下方的推廣連結註冊 ShortPixel 後,可以額外獲得每月 100 張圖片壓縮額度,也就是每月共有 200 張圖片壓縮額度。

操作教學

在 WordPress 壓縮圖片的方法很簡單,只需 3 個步驟即可完成,如下:

步驟
網站圖片最佳化快速檢測

在開始壓縮圖片前,你可以先透過網站圖片最佳化快速檢測功能預估 ShortPixel 能為你的網頁節省多少空間。以本站的「首頁」為例,輸入網址後你會看到可以節省 70% 圖片檔案大小,效果相當驚人。

步驟
安裝 ShortPixel 外掛

前往 [外掛]→[安裝外掛] 並搜尋 ShortPixel,接著點選 [立即安裝]。安裝完成後,點選 [啟用]。

步驟
驗證 API 金鑰
驗證 Api 金鑰

在開始使用圖片壓縮功能前,你需要先驗證 API 金鑰,方法有兩種,如下:

  1. 沒有 API 金鑰:前往 ShortPixel 外掛設定頁面後,輸入你的電子郵件地址並同意使用條款及隱私權政策,點選請求金鑰按鈕即可取得金鑰。
  2. 已有 API 金鑰:如果你已經有 API 金鑰,可以在 ShortPixel 後台 API Keys 取得金鑰,然後前往 ShortPixel 外掛設定頁面完成驗證的動作。

當你輸入好 API 金鑰後,如有看到「你的 API 金鑰是有效的」的訊息,代表已驗證成功。

步驟
設定 ShortPixel

ShortPixel 設定很多,以下幾項設定建議開啟:

建議開啟的設定
  1. 啟用有損智慧壓縮 (Lossy SmartCompression):透過 ShortPixel 專門的演算法在圖片品質壓縮比例間取得平衡。
  2. 備份原始圖片:你可以將已壓縮過的檔案還原成原始檔案;或者使用不同的壓縮比例重新壓縮圖片。
  3. 壓縮縮圖:縮圖通常是使用者最終看到的圖片,能帶來流量。需要注意的是,縮圖會計入你的壓縮總額度
  4. 移除 EXIF 標籤:一般來說,你可以移除 EXIF 標籤以縮小圖片檔案大小
  5. 建立 WebP 版本:檔案更小載入速度更快
  6. 自動壓縮圖片:當你上傳圖片時,系統會自動壓縮圖片,省取手動壓縮的時間

常見問題

列舉一些關於 ShortPixel 服務的常見問題。

ShortPixel 外掛提供免費版本嗎?

有,免費版提供每月 100 張的圖片壓縮額度。

ShortPixel 支援哪些圖片格式?

ShortPixel 支援 JPG、GIF、PNG 等常見的圖片格式。

一定要有 WordPress 網站才能使用 ShortPixel 嗎?

不一定,ShortPixel 有提供免費線上圖片壓縮器,即便你沒有 WordPress 網站也能壓縮圖片。

ShortPixel 有「延遲載入功能嗎?

沒有,但你可以在 WordPress.org 搜尋 LazyLoad 尋找相關的免費外掛。

加入 Facebook 社團
瀏覽次數: 277
全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講師 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具,幫你省荷包
  • 只推自己正在用的付費工具,不會為了傭金讓你繞遠路,真實誠懇
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數 10 種學習資料,非常豐富
  • N 個獨家資源
  • 定期分享最新資訊
  • 300+參考指引
  • 內容 & 範本資料庫 (獨創)
  • AI 驅動,有效提高工作效率
喜歡請分享!
開啟目錄