你在開始寫作文章,為部落格增加內容時,一定會使用到許多的圖片、照片來讓網站更豐富。但因為照片拍的好、像素使用的高,單一照片的檔案大小就會變的較大。如果每次都手動針對照片、圖片的部分去修改大小、又怕畫質會變的不好。
ShortPixel 可以完美的為你解決這個問題,你不必再需要手動去修改檔案大小、只需要註冊使用後,下載 ShortPixel 外掛,他就可以自動幫你處理圖片、照片的大小事。免費版本,1 個月就有 100 張圖片、照片處理的額度。透過 Joyy 的推薦連結,還可以再多 100 張喔。這對於一般部落客來說,算是非常夠用了。
若是付費使用,1 個月接近 120 元,就更可使用高達 7000 張 … CP 值可以說是非常高的!這篇內容就帶你從頭到尾了解 ShortPixel 是如何運作的吧。
WordPress 外掛名稱:ShortPixel
推薦連結:ShortPixel COMPRESS & OPTIMIZE IMAGES ( 推薦連結,可額外獲得 100 張額度 )
內容快速索引
ShortPixel 介紹與網站測試
透過連結打開網站時,你可以先進行自已網站的測試。

上圖是我網站測試後的結果,可以看到還可以再優化檔案的大小近 49%。你可以立即試試看,看看能幫助你自己的網站再加快多少。
網站的圖片載入,一直是身為網站主的你必須去做好的功課。
ShortPixel 提供了網頁版本的壓縮與外掛版本的壓縮。都有提供失真與不失真的壓縮方式,ShortPixel 推是採用失真的方式,來達到更高的壓縮率,並提到說雖然是選失真的選項,但本身肉眼是看不到明顯像素被放大、或有明顯壓縮後的差異,網站上是宣稱能高達90% 的壓縮比,大大的降低圖片的大小,來提升網站載入速度喔。
在 Joyy 這篇的介紹裡,我就不針對網頁版本的使用方式來說明。
畢竟網頁版本的就是需要自已手動上傳圖片照片、再下載下來後,上傳到自己 WordPress 的媒體資訊後台,我覺得太麻煩了,所以直接說明使用外掛的方式,來方便你來直接使用。
ShortPixel 免費會員註冊

透過連結開啟後,你會看到 ShortPixel 的註冊,只要填入常用的郵件信箱,就可以成為免費會員。

立即成為免費會員後,就會在畫面上看到可以使用的 API Key,這個 API Key 之後是要讓你使用在外掛之中的喔。

另外你會在剛剛註冊的郵件中,收到一封郵件。裡面會包含重要的2個資訊。
- 帳號使用的 API Key
- 登入使用的密碼
密碼可以在登入再進行變更。

登入後台的結果。

最下方就會顯示出,帳號使用的額度。仍推薦你使用 Joyy 的連結,可以再多 100 張喔。
ShortPixel 外掛安裝與設定方式

完成免費註冊,與取得到 API Key 時,就可以回到外掛的後台去下載 ShortPixel Image Optimizer 外掛,並啟用他。

另外,如果你和 Joyy 一樣,有可能會將這外掛使用在多個網站的話,可以到 ShortPixel 的後台,去新增各網站需使用 Key。如上圖

之後把建立好的 API Key 輸入至 ShortPixel 之中。如上圖,按下 Vaildate。

完成後,回到媒體裡,就會看到 ShortPixel 已經準備好幫你優化圖片照片了。
因為這些圖片是你在安裝 ShortPixel 之前上傳的,所以會在每個圖片的後方,出現 Optimize now 的選項。
而看到的 +11thumbnails 就是可優化的圖片數。
為什麼明明才 1 張圖片,怎麼會會算成有 +11 張呢?
這就和設定有關囉,接下來和你分享 Joyy 我自己優化圖片的方式。
ShortPixel的優化推薦設定

上圖是安裝 SortPixel 後,自動進行優僎的,可以看到連同本身的那一張,+10 張縮圖,就會扣掉 11 張的額度。
優化的方式,我以我個人的方式提供給你參考,若你有更好的使用方式,也歡迎在留言的地方和我分享喔。
優化的前題
ShortPixel 是以上傳後,該張圖片所產生的其他圖片,一起優化。
我們要知道,上傳一張圖片至 WordPress 後台,會因為設定,產生各式不同尺寸的縮圖,所以 ShortPixel 會因為這些的縮圖,一起進行優化。
所以看到這裡,你可能會想,那這樣的話,就算有 200 張也不夠用啊。
沒錯 … 所以,我們需要進行一些設定的調整。
優化的設定步驟
step 1

- 媒體設定裡只開啟縮圖尺寸。
- 中型、大型尺寸設定為 0
- 下方取消勾選建立年份、月份
step 2

到 ShortPixel 後台 > Advanced
拉到最下方,找到 Exclude theumbnail sizes ( 排除縮圖尺寸 )
由於部分縮圖在使用上,並不常載入,所以我在設定上,會排除掉這些。這樣設定第一步與二步後,除了空間可以少佔用之外,在 ShortPixel 的額度可以掌控。
結論與後續

上圖就可以看到,設定後,在媒體裡所出現的結果,就會只有上傳的圖片進行壓縮。
ShortPixel 是很推薦的一個工具,不論是你要免費使用還是付費使用,整體的 CP 值都算很高。

有興趣付費使用的朋友,可以註冊後,前往價格頁查看官網提出的方案喔。
推薦使用指數:★★★★★
ShortPixel Q&A 常見的問題與討論
目前使用 ShortPixel 已有段時間了,以下整理常見的問題與解決方案:
Q1. 圖檔壓縮後中文圖檔名消失 ?
A1.ShortPixel 畢竟是屬於外國網站提供的免費服務,常見是把中文的圖檔檔案放入後,壓縮完想下載時,卻發現檔案的中文名字消失了,這個解決的方式,就是在放入要壓縮前,前置以英文或數字來命名就可以解決了。



解決的方式很簡單吧 ! 有任何其他問題,歡迎下方留言和我一起討論。
▲ 讓你擁有一個能帶來現金流的網路賺錢基地,建立網路收入之路,實踐打造網路賺錢基地的策略與技巧 !
其他 WordPress 網站架設 相關文章推薦
- 【教學】Analytics Insight 外掛使用教學分享 ! JetPack 流量統計替代外掛 !Analytics Insight 是一款結合 Google Analytics 的免費外掛工具。可以有幫助地… 閱讀全文: 【教學】Analytics Insight 外掛使用教學分享 ! JetPack 流量統計替代外掛 !
- 【教學】免費收發域名郵件教學 Cloudflare 郵件轉址與使用 Gmail 郵件收發域名信件 !這篇文章將教你如何免費使用你自己的域名郵件。通常,使用自己的域名來發送和接收郵件需要支付費用,但透過 Cloudflare 和 Gmai l,就可以免費實現這一目標。這不僅節省了費用,還提供了一個方便快速的解決方案。
- 【教學】Rank Math 功能強大的 SEO 外掛功能 ! Rank Math 使用教學 !Rank Math SEO 是目前使用上最好的 WordPress SEO 外掛,在這外掛程式中結合了許多 SEO 工具的功能,可幫助我們在寫作時,網站建立時,去貼近 SEO 規則,增加流量。
- 【教學】WordPress 防止垃圾留言 Akismet Anti-Spam 設定教學數以百萬的使用者採用 Akismet,它是保護網站遠離垃圾留言的絕佳方式。Akismet 是 WordPress 使用者幾乎都會安排的一套防止垃圾留言的外掛工具。而且免費的功能,幾乎就已經可以完完全全協助防止 99.99% 的垃圾留言 ! 功能如此強大,怎麼可以不使用在自己的網站呢 ?
- 【教學】WordPress 建立文章目錄 Table of Content Plus 設定教學Table of Content Plus,一個強大且方便使用的文章目錄自動產生工具。如果你和我一樣,對網頁程式碼一竅不通,又希望可以有簡單、快速的方式建立文章目錄,那 Table of Content Plus 你就不能不知道 !
- 【教學】Cloudways Staging Site 使用方式介紹 ! 讓你更新網站內容更方便 !許多主機服務商都會有提供一個叫 Staging Site 的功能,也稱之為臨時網站。這功能可以幫助你在想更新網站時,幫你複製出一個完全相同的臨時網享,讓你在更新網站內容時,不必怕更動到網站目前的現況,就算是大幅度的更新,也不用怛心。在這篇內容中,將會和你快速分享有關 Cloudways Staging Site 功能的使用詳細流程,幫助你無痛更新你的網站內容。
- 【教學】Post SMTP 使用方式 ! 讓建製的 WordPress 網站可以進行郵件寄送 !使用 Post SMTP 這個外掛,可以幫助你的網站進行郵件的發送,Post SMTP 是一套非常簡單使用,功能又特別強大的一個寄件外掛,讓你的 WordPress 網站,可以讓訪客在網站上完成某些動作時,即進行郵件的推播與發送,進而維持好與訪客之間的互動。Post SMTP 的設定方式很簡單,接下來就帶你來一步步完成吧 !
- 【教學】Cloudways 如何設定域名信箱 Domain MailboxCloudways 是我目前使用最穩定的網站主機,價格、服務、性價比 … 等等,在比較之下,真的都沒話說。而長期使用之下,你一定會需要建置一個 域名信箱,在使用 Cloudways 的情況下,如何快速的為自己建立出 域名信箱,在這篇教學中,將會完整和你分享 Cloudways 如何設定域名信箱,讓你從無到有一次完成 !
- 【Divi教學】Divi主題 SEO 基礎設定說明,簡易SEO功能介紹Divi主題之中,針對SEO的功能有著其基礎設定。在這次divi教學裡,將會教會你如何將divi主題裡的SEO功能進行基礎設定,這在divi教學中可則是非常基礎的一課。了解基礎設定後,後續若要使用其他SEO外掛,也就更能明白為什麼需要如此設定。你也可以選擇直接使用SEO外掛,在divi主題中,可以直接與外掛相支援。
- 【Divi教學】Divi主題 Navigation 導航選項設定Divi主題之下,可以透過原本的divi主題設定,來決定導航列(Navigation)所能夠呈現的功能。在這篇文章中,將詳細和你說明在Divi主題下的設定中,導航列的所有相關設定方式。
- 【Divi教學】Divi主題Options基本設置選項教學在divi主題中,由於沒有中文版本,有中文的版本在使用上常遇到更新就變的無法使用。 在這整理divi主題的使用細節,來幫助更多喜好使用divi主題的人,可以有一個正常參考的地方。 文章在一樓喔
- 【分享】如何進行網址域名移轉?NameCheap移轉至Gandi實際操作經驗分享網站域名服務商很多,你是不是曾經有過,早知道選xxx家就好了的心情呢?其實如果已經在某家買好域名,是可以進行移轉的,今天這篇內容,就是和分享,域名移轉時,你需要注意的事項。