WordPress 壓縮外掛:TinyPNG 省下 70% 圖片編輯時間

最後更新時間:2025-11-20,由 Dean 更新 Not By AI

無論是企業還是個人創作者,在撰寫網站文章時,往往「圖片」會是最耗費時間的。尤其要在確保圖片品質的狀態下,又讓圖檔大小不影響網站載入速度、使用者體驗,造成 SEO 傷害。

這篇文章,會教你使用 TinyPNG 這套 WordPress 圖檔壓縮外掛,它成功幫我省下來大量的圖片編輯時間。

WordPress 圖檔壓縮外掛:TinyPNG

TingPNG Logo

TinyPNG 是一款圖片壓縮工具,俗稱「熊貓神器」,可以壓縮 PNG、JPEG、WebP 等檔案格式,讓圖檔不會過大,上傳網站後造成畫面的卡頓。很多網站經營者,會將它當作提升使用者體驗、SEO 的必備工具。

免費平台 tinypng.com 會有單次壓縮 20 張、單張圖檔上限 5MB 的限制,建議安裝它的 WordPress 外掛「TinyPNG – JPEG、PNG 與 WebP 影像壓縮」,讓圖片能夠在上傳時自動進行壓縮與剪裁,節省你在 WordPress 撰寫文章時,編輯圖片的大量時間。

第一步:安裝 TinyPNG 並啟用

首先,我們需要到 WordPress 後台安裝外掛的地方,搜尋 “TinyPNG”。

會出現一個熊貓的圖示,點擊安裝並啟用。

安裝並啟用 TinyPNG

第二步:註冊並串接 API 金鑰

安裝並啟用後,到左側選單點選「設定」>「TinyPNG」,會進入到 TinyPNG 的設定。

我們會需要串接 API,在最上方「註冊帳號」的地方,輸入你的名稱與信箱,完成後點選註冊帳號。

註冊 TinyPNG 帳戶

接著,到你剛剛輸入的信箱中,你會收到一封郵件,點選中間 “Activate your account” 啟用帳戶。

啟用 TingPNG 帳號

會跳轉到 TinyPNG 官網,並且在中間 “Available API keys” 的地方,你會看見它已經自動將 API 串接到你的網站上了。

TingPNG 自動串接 API 金鑰

當然,如果你未來還想串接其他網站,也可以再點選右下角的 “Add API key” 按鈕,新增另一組 API 金鑰,並到網站上串接。

第三步:設定圖檔壓縮條件

完成 API 串接後,在設定頁面的下方,我們可以設定圖檔壓縮的規則。

首先,我會建議大家都將新圖片的壓縮方式,設定成「上傳新圖片時自動壓縮」,這是最節省時間的做法。

設定圖檔上傳自動壓縮

TinyPNG 外掛厲害的地方,就是不只能夠壓縮圖檔,連圖檔的尺寸都可以自動被剪裁成適當的大小。

而原先系統預設的是,一張圖片上傳上來,會被自動壓縮,並裁切成 7 種不同的尺寸。

但免費版本一個月只有 500 點,也就是如果「自動壓縮 + 裁切成 7 種不同尺寸」,會一次被扣 8 點,有點浪費。

我建議,你可以跟我一樣,在原先編輯圖片時就先把尺寸固定住,上傳圖片時就讓系統自動壓縮就好,這樣它只會扣一點,也就是一個月你有足足 500 張圖片的額度。

至於設定方式,你可以參考下圖,在「圖片尺寸」設定中把「原始尺寸」勾起來就好,其他都不勾。

TinyPNG 只壓縮大小不裁切尺寸設定

但如果,你沒有習慣原先就把圖片的尺寸固定,還是可以請 TinyPNG 幫助你做裁切。

那你的設定方式,就會是限制一個「最大寬度」,也就是所有超過這個寬度的圖片,都會自動被剪裁成這個尺寸。(通常網站圖片不會限定最大高度,設定上可留白)

如此一來,當你圖片上傳網站後,會自動進行「壓縮 + 剪裁成單一固定尺寸」,扣除的點數只有兩點,一個月還是有 250 張的免費額度可以使用。

TinyPNG 壓縮大小並裁切尺寸設定

有時,我們上傳的圖片大小與尺寸都裁切好,不想要再自動被壓縮,那你就可以在 TinyPNG 設定中,調整成「不自動壓縮新圖片」。

圖片不自動壓縮

如果後續有想要壓縮,也可以再到媒體庫中,會出現壓縮按鈕,讓你手動壓縮圖檔。

TinyPNG 手動壓縮圖檔
DR.DEAN LOGO
自架一個能提升
200%
諮詢量的網站
自架一個能提升200 諮詢量的網站書本

第四步:實測圖檔壓縮效果

設定完成後,我們來實測一下壓縮效果。

我到免費圖庫隨意抓了一張圖,原始的規格是:

  • 原始尺寸:1920 x 1495 px
  • 原始大小:484 KB
圖片原始尺寸與大小

這次我設定的是「自動壓縮 + 寬度自動剪裁到 1024 px」,當我上傳圖片後,系統顯示自動壓縮,減少了 45% 的大小。

上傳圖檔自動壓縮

當我們點進圖片詳細資訊,可以發現圖片的規格變成了:

  • 尺寸:1024 x 797 px
  • 大小:74 KB

成功剪裁並壓縮圖檔,而且整個作業時間應該不到 10 秒鐘,真的省去不少時間。

圖檔自動裁剪成指定尺寸並壓縮

TinyPNG 省了我多少時間?

原先我文章圖片的編輯流程是這樣的:

  1. Canva 上編輯完圖片,下載下來。
  2. 圖片如果有尺寸太大的,會先到 Image Resizer 剪裁。
  3. 剪裁完畢,下載下來。
  4. 將剪裁好的圖檔,再丟到 TinyPNG 官網。
  5. 壓縮完畢,下載下來。
  6. 如果要壓縮的圖檔超過 20 張,則再重複 4、5 步驟。
  7. 將下載下來的圖檔,上傳到 WordPress。

而使用了 TinyPNG 外掛之後,流程變成了:

  1. 在 Canva 上編輯完圖片,下載下來。
  2. 直接上傳到 WordPress,系統自動進行剪裁與壓縮。

整體而言,我省了將近 70% 的時間,也讓整個編輯文章的速度快上非常多。

安裝 TinyPNG 外掛常見問題

TinyPNG 免費版本能壓縮幾張圖片?

TinyPNG 每個月能夠免費壓縮的額度是 500 張圖片。

但是要注意的是,如果你的設定中,希望它自動幫你「剪裁」跟「壓縮」,那麼它就會算兩個額度。

甚至,如果你在剪裁設定,設定的尺寸條件有多個,那麼也會被計算多個額度。

我建議,最好的方法,還是你在設計圖片的時候,就把圖片寬度固定,上傳時只要設定讓 TinyPNG 壓縮就好,也就是一張圖片只會扣一點,那麼免費的額度是很夠用的。

建議購買 TinyPNG 嗎?超過免費額度怎麼辦?

一個人編輯文章,基本上免費額度就很夠用了,可以不用特別購買 TinyPNG。

如果真的超出額度了,也是有方法:
1. 你可以回歸到原本的方式,直接到 TinyPNG 平台上,先壓完再上傳。
2. 你可以等到下個月額度恢復後,再到 WordPress 後台的媒體庫,手動對圖檔點選壓縮,壓縮後的檔案會自動覆蓋原先的圖檔。

總而言之,除非你是團隊作業,要確保整體產出流程,不然確實不用特別購買付費版本。

如果圖片尺寸比較小,上傳時還會自動剪裁嗎?

舉例來說,你設定寬度超過 1024px 的圖片,都會被裁成 1024px。但如果圖片寬度原本就 512px,會不會被重新放大成 1024px?

依照我實際測試的結果,是不會的,因為你設定的是「最大寬度」。

也就是說,當你上傳 512px 的圖片後,寬度還是維持 512px,因為它沒有超過你設定的最大寬度 1024px,不會被自動剪裁。

處方箋
限量
領取

我們致力於協助專業工作者打造品牌。
8 年實務經驗,精煉出這些《處方箋》,
想在你卡住時,給你一些有用的方向。

自架一個能提升200 諮詢量的網站
專業工作者 5 階段封面 數位工具導航包 1
專業服務者的 5 種網站商業模式拆解
品牌視角內容策略專業工作者必學系統化方法
DR.DEAN LOGO
文章目錄
返回頂端
自架一個能提升
200%
諮詢量的網站