生活黑客|一人公司|數位遊牧

我是侯智薰,右手寫作、左手 Podcast,實踐一人公司和數位遊牧的生活模式;分享高品質的數位生活方法,升級你的工作效率,提升生活品質。

2021 年 3 個免費線上圖片壓縮工具比較推薦,增加網站部落格速度:webp2jpg、Squash、圖壓

圖片壓縮工具推薦 WordPress

圖片壓縮對網站經營的必要性

身為內容創作者,圖片壓縮工具是個必要的工具,尤其當你有經營個人網站(我是用 WordPress)。

因為現在用手機拍的照,或者螢幕截圖的品質都很高,如果沒有使用圖片壓縮的習慣,一張圖片一定是超過 1MB,這除了會讓你的網站跑得慢,讓用戶瀏覽時要讀取很久沒耐心就跳走,也會讓你的主機很快就爆掉,要多付錢提升容量和頻寬限制。

為什麼我從 TinyPNG 退坑了?

我之前用的圖片壓縮工具,是很多人提到且推薦的 WordPress 外掛 —— TinyPNG,被大家稱為熊貓工具。使用起來挺直觀,作為 WordPress 外掛時,可以直接上傳圖片就自動幫我壓縮;熊貓也有網頁版,可以直接上傳多張圖片,然後一次性下載所有壓縮後的圖片,整個過程速度也挺快,壓縮的程度也很不錯:

tinypng 壓縮工具
TinyPNG 的介面

但是!我後來發現,TinyPNG 這個服務在壓縮後會把一些特定的顏色給改變!這實在是太重傷了!例如我 Notion 主題的主題色是 #F7F3ED,但它壓縮出來會帶有一些黃綠色……,RGB 三個數值會平移 2。

TinyPng 顏色改變
左圖是正確顏色,右圖是經 TinyPNG 壓縮後的顏色

可能有人覺得沒啥差,但這對於我這種些微強迫症的人來說,這實在是個致命傷害!你居然改了我的顏色!😠所以當我發現這個缺陷後,立刻取消我的續訂,開始尋找其他的圖片壓縮工具。

這一篇就是在我用了約十種圖片壓縮工具後,總結和你推薦我最推薦的三款應用,分別是:web2jpgSquash圖壓,其中有兩款是完全開源免費,一款是 macOS App 要付費。相信對於苦苦尋找圖片壓縮工具的你會有些幫助。

補充:建議的圖片壓縮格式設定?

以下測試會以我的部落格最佳化設定(圖片格式:WebP、最大尺寸:1500 or 2000 px,圖片品質或壓縮強度:80%)為主,你當然可以調整成無損(Lossless)壓縮,但檔案就稍微大了些,但我希望我部落格上的圖片保留在 200KB 以下。

※ WebP 格式是什麼?
WebP 最初是在 2010 年由 Google 發佈的圖片格式。設計目標是在減少檔案大小的同時,達到和 JPEG、PNG、GIF 格式相同的圖片品質,藉此減少圖片檔在網路上的傳送時間。截至 2021 年 5 月,已有 94% 的瀏覽器支援此格式。

不過要注意的是,目前 og:image 不支援 WebP 格式,我也是剛剛發佈文章後才發現。所以文章的精選照片和首圖,用於社群分享用的,還是要用 JPG 格式。


webp2jpg:免費、快速、多種格式的開源圖片壓縮工具

webp2jpg 圖片壓縮工具應用介面

👉🏼 webp2jpg

  1. 整體特色:免費開源工具,多語言支持,介面直觀好看,支持深色和淺色模式;甚至連 SVG 都可以直接轉檔,不用開啟 Illustrator 來處理了!
  2. 壓縮環境:只需要瀏覽器,無須下載軟體,而且圖片無需上傳到伺服器,所有的動作都在本地就能完成。
  3. 壓縮流程:預設是拉進去直接下載成 zip,你也可以手動逐個下載。
  4. 輸出格式:Webp、JPG、PNG、SVG、GIF、avif…等 11 種
  5. 問題缺點:有些圖片反而會越壓縮越檔案大(?)例如我用 CleanShotX 截的圖,用 webp2jpg 的效果就很差,有幾次還出現越壓縮檔案越大的問題。
  6. 壓縮效果:

Squash:即時預覽前後對照,一站式圖片處理工具

Squash 3 圖片壓縮處理工具
Squash 3 圖片處理工具使用畫面

👉🏼 Squash 3(on Setapp)
你也可以到開發商 Realmac 的官網上下載試用,但我會更推薦直接試用 Setapp 更方便更快。

  1. 整體特色:有壓縮前後的對比即時預覽圖,如果你想要知道壓縮後是長什麼樣子,這個會最適合你。加上水印的位置調整比 webp2jpg 更方便。還可以調整圖片的數值,以及套濾鏡,不僅僅是壓縮工具,可以說是非常完整的圖片處理工具了。
  2. 壓縮環境:是 macOS 付費 App,需要 NTD 499(Setapp 訂閱會員可以直接使用)
  3. 壓縮流程:丟進去做圖片處理後,可以一件批量輸出。
  4. 輸出格式:JPG、PNG、WebP、AVIF
  5. 壓縮效果:圖縮的效果跟 webp2jpg 一樣好,就不附圖了。
  6. 問題缺點:
    1. 全英文介面,需要下載 App(但在本地端可以確保隱私)。
    2. 大小調整的部分不是「最大限制」,而是會自動幫你調整到那個尺寸。如果我批量處理的圖片裡有小於 1500px 的圖片,我認為就不用再調整大小,但 Squash 3 會雞婆幫我調整到 1500px,讓檔案變大,圖像破壞,所以我目前批次調整圖片大小我還是會用 PhotoBulk。

圖壓:簡易直觀的圖片壓縮工具,但效果有限

圖壓 圖片壓縮工具

👉🏼 圖壓

  1. 整體特色:也是免費的開源軟體,壓縮效果中規中矩,官網做得很好。
  2. 壓縮環境:需下載 App(Windows, macOS 都有),本地壓縮,不用上網。
  3. 壓縮流程:拉進去直接在同資料夾輸出檔案,檔名尾綴加上 -tuya(路徑跟檔名都可自行調整)
  4. 輸出格式:Webp、JPG、PNG
  5. 壓縮效果(壓縮強度 2,格式 webp,1500px):739KB → 85KB;照片:1.8MB → 169KB
  6. 問題缺點:壓縮效果和品質都沒有 webp2jpg 好,細節設定也沒有 Squash 3 好,我目前幾乎用不到。

總結心得

以上是我這次玩了近十種圖片壓縮工具後,考量到壓縮品質、輸出格式、壓縮速度、操作容易度後,最後推薦的前三名圖片處理工具。我目前會用的是前兩個 webp2jpgSquash 3,推薦給需要批量圖片壓縮和處理的你。

這篇文對你有幫助嗎?歡迎分享
侯智薰 雷蒙 大頭照 800 podcast

侯智薰(雷蒙)

💻 生活黑客・一人公司實踐者
分享高效數位工作術、品質生活方法,幫助個體加速發展,讓每個人從工具中獲得力量,提升生活掌握感。
30 歲前的目標:和老婆全世界數位遊牧、打造智能科技宅。

文章分類

追蹤侯智薰的消息

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments