ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 3

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer

文章最後更新時間: 2021 年 5 月 18 日 by 阿德

前言

ShortPixel 簡介

ShortPixel是一款免費的圖片壓縮工具,可以幫你優化並大幅減少圖片檔案大小且失真率極低,最高可達90%的壓縮率!有提供線上網頁版本以及WordPress外掛版本,並有3種圖片壓縮模式:

  • Lossy(有損壓縮):壓縮率最高可達90%,但是圖片會有比較明顯失真。
  • Glossy(平滑壓縮):壓縮率次於有損壓縮,約可達60-80%,除了能使圖片不失真外,還可保有高度壓縮率。
  • Lossless(無損壓縮):壓縮率僅約5-15%左右,但相對的可保有圖片最原始的樣貌。

目前ShortPixel則是支援6種格式:JPG、PNG、GIF、PDF、WebP、Avif

從2021/05/01開始,轉換 WebP 的格式要開始消耗一張圖片的額度,以前是可以免費轉換不消耗額度,如果有在使用 WebP 圖片格式的人可以留意一下。

從下圖實測範例來看,壓縮後減少了不少的檔案大小,也比較推薦使用Glossy壓縮方式,因為可以保有其他兩種方式的優點。

圖片壓縮
▲ 圖片測試壓縮率

原始圖片大小:2.8MB

Lossy:壓縮率87%,檔案大小2.8MB→0.4MB

Glossy:壓縮率81%,檔案大小2.8MB→0.5MB

Lossless:壓縮率15%,檔案大小2.8MB→2.4MB

為什麼需要壓縮圖片?

主要的目的就是增加網站讀取速度,減少伺服器儲存空間的使用,也有助於SEO的排名喔!

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 6

根據Google研究數據,網站讀取速度如果大於3秒,使用者關閉或離開網站的機率是90%,超過5秒增加到106%,超過6秒則有123%,所以這就是為什麼要對圖片做壓縮優化的最大原因!

壓縮圖片有以下幾項優點:

  • 大幅減少圖片檔案大小有助於減少儲存空間使用率。
  • 增加網站讀取的速度,減少伺服器的負擔。
  • 有助於SEO排名,因為網站載入讀取速度是使用者決定會不會停留在你網站的最重要因素之一。

ShortPixel註冊

STEP 1

ShortPixel可以免費註冊成為會員,每個月會有100張圖片的免費額度,如果沒有太大的需求,這額度其實綽綽有餘!

shortpixel
▲ 註冊頁面

STEP 2

註冊完成後,電子郵件信箱會收到一封ShortPixel寄來的信件,會告訴你目前的密碼是多少以及API key(WordPress外掛啟用時使用),記得登入主控台自行修改密碼喔!(如果找不到請到垃圾郵件內尋找XD)

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 9
▲ 預設密碼及API Key

STEP 3

之後可以登入主控台更改密碼以及查看目前可用的免費餘額,非常的方便!

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 11
▲ 變更密碼
ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 13
▲ 每月可以用免費額度資訊

STEP 4 (選擇性)

因為免費優化壓縮圖片的額度每個月只有100張,如果你每個月都超過100張,可以考慮付費方案

  • 每個月固定付費購買,價格會比較便宜,但是沒有使用完的額度下個月就會過期
  • 一次性購買固定數量,價格會貴一點,但是沒有使用期限!

我自己是比較推薦一次性購買,隨時想用就用,沒有過期的壓力啊!一次性購買則有以下幾種額度數量可以選擇:

  • 10000張:9.99美金
  • 30000張:19.99美金
  • 50000張:29.99美金
  • 170000張:99美金
  • 500000張:249美金
ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 15
▲ 一次性購買的額度在後台也可以看到

使用方式

ShortPixel的使用方式有分成網頁版及WordPress外掛版,一般來說如果有使用WordPress外掛版本,就不會去使用網頁版,因為外掛在我們上傳圖片後會自動依照我們所設定的處理好圖片!

當然也有人選擇不使用外掛的方式,直接用網頁版本壓縮後再上傳,但不建議這樣做,因為外掛可以額外幫我們做很多事情~網頁版本就留給需要壓縮沒必要上傳的圖片吧~

ShortPixel 網頁版使用方式

STEP 1

打開網頁版,記得登入帳號,如果沒有登入帳號也可以使用,只是檔案限制10MB內。登入帳號後可以解除這個限制,一次可以上傳50張圖片進行壓縮。

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 17

STEP 2

拖曳圖片進去後,會自動開始壓縮你所設定的模式,壓縮完成就可以打包下載啦!

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 19

WordPress外掛安裝方式

STEP 1

前往外掛下載頁面,點擊「Download」進行下載。

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 21

STEP 2

下載完成後,前往WordPress後台,進行上傳剛剛下載的檔案並安裝外掛。

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 23

STEP 3

或是可以直接在後台進行搜尋,並線上安裝即可。

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 25

STEP 4

安裝完成後,從WordPress控制台進入設定頁面:【設定】→【ShortPixel】→【輸入API Key】→【Validate】

API Key則是在先前收到的Email內可以查到,或是到【ShortPixel後台】→【左側API Keys】即可查詢到。

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 27

STEP 5

如果可以看到以下畫面,就代表啟用成功啦!

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 29

WordPress外掛設定

在WordPress外掛版設定中,總共有4個大項可以分別進行設定,分別是:General(一般設定)Advanced(進階設定)Cloudflare API(CDN串接設定)以及Statistics(數據統計),這邊會簡單的解釋各項設定,大家可以自行評估要不要開啟或設定喔!

General(一般設定)

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 31
  • Compression type:壓縮模式,推薦Glossy(平滑)壓縮。
  • Also include thumbnails:圖片縮圖一起壓縮,建議勾選,但會消耗額度
  • Image backup:壓縮前自動備份原始圖片,不建議勾選,會占用伺服器空間。
  • Remove EXIF:移除照片詳細資訊,如相片屬性及相機資料,建議勾選。
  • Resize large images:重新調整圖片大小,如果你上傳的圖片都非常大,就建議勾選設定。

Advanced(進階設定)

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 33
  • Additional media folders:如果有其他資料夾想要加入自動優化壓縮,可以設定。
  • Convert PNG images to JPEG:自動把PNG轉成JPEG,可以大幅減少檔案大小
  • CMYK to RGB conversion:自動轉換成RGB格式,適合螢幕投影,建議勾選
  • WebP Images:自動生成WebP格式圖片,不會消耗額度,視情況勾選
  • Optimize Retina images/other thumbs/Optimize PDFs:視情況勾選。

Cloudflare API(CDN串接設定)

如果你有使用Cloudflare的話,可以把API串接起來,這樣自動優化壓縮過的圖片,也會自動更新上傳到Cloudflare快取伺服器上,非常的方便,個人推薦使用

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 35
▲ 輸入Zone ID以及Token即可

Statistics(數據統計)

這頁面提供了相關外掛資訊,例如:

  • Average compression of your files:檔案平均壓縮率
  • Disk space saved by ShortPixel:外掛幫你省了多少儲存空間
  • Your ShortPixel Credits:額度相關資訊
ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 37

自動優化

當上述所說的設定都完成後,就可以按下【Save and Go to Bulk Process】,就可以開始針對現有的圖片進行優化壓縮,進度畫面必須保持開啟,才能順利跑完,但可以切去其他頁面做其他事情。

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 39

第一次設定大致到這邊就已經完成,之後再上傳新的圖片,外掛就會自動進行優化,但偶爾還是手動跑一下Bulk Process會比較保險。

常見問題

ShortPixel是什麼?

ShortPixel是一款免費的圖片壓縮工具,可以幫你優化並大幅減少圖片檔案大小且失真率極低,最高可達90%的壓縮率!有提供線上網頁版本以及WordPress外掛版本

ShortPixel支援哪些格式?

支援6種格式:JPG、PNG、GIF、PDF、WebP、Avif

ShortPixel支援哪幾種壓縮模式?

共有三種模式:
1. Lossy(有損壓縮):壓縮率最高可達90%,但時圖片會有比較明顯失真。
2. Glossy(平滑壓縮):壓縮率次於有損壓縮,約可達60-80%,除了能使圖片不失真外,還可保有高度壓縮率。
3. Lossless(無損壓縮):壓縮率僅約5-15%左右,但相對的可保有圖片最原始的樣貌。

同一組ShortPixel API Key可以用在不同網站嗎?

可以,會消耗相同的圖片額度。

ShortPixel有免費的方案嗎?

有,免費方案一個月有100張額度,每個月會重置。

ShortPixel哪邊可以使用?

分成網頁版及WordPress外掛版,都可以壓縮圖片。

壓縮圖片的優點?

有以下優點:
1. 大幅減少圖片檔案大小有助於減少儲存空間使用率。
2. 增加網站讀取的速度,減少伺服器的負擔。
3. 有助於SEO排名,因為網站載入讀取速度是使用者決定會不會停留在你網站的最重要因素之一。

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer » 阿德說科技
ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer 41

ShortPixel是一款免費的圖片壓縮工具,可以幫你優化並大幅減少圖片檔案大小且失真率極低,最高可達90%的壓縮率!有提供線上網頁版本以及WordPress外掛版本,支援6種格式:JPG、PNG、GIF、PDF、WebP、Avif。

幣種: USD

適用系統: WordPress

軟體類別: UtilitiesApplication

推薦指數
5
  • 有任何問題或商業合作,都歡迎透過聯絡我跟我溝通討論。
  • 部落格內某些連結是聯盟行銷,詳細請參閱免責聲明

現在疫情非常嚴峻,除了做好相關防護措施之外,就是避免前往人多的地方如大賣場,增加感染風險,但是不出去就不能補充各類防疫物資啊!其實各類防疫物資在各大電商平台都可以線上訂購,下面幫大家整理各大平台防疫物資專區,幫助大家可以避開人擠人的高風險地區,也可以補充防疫所需要的物資!請大家落實自身防疫,一起撐過去,天佑台灣!

2 thoughts on “ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer”

  1. Pingback: Bluehost教學|小資族新手架設網站的最佳選擇 一鍵安裝Wordpress超方便 滿足所有需求的高CP值主機 | 阿德說科技

  2. Pingback: 什麼是 WebP?5分鐘學會如何在 WordPress 啟用 WebP 圖片 加速網頁載入速度(WP Rocket + ShortPixel) » 阿德說科技

留下評論

Scroll to Top