ShortPixel免費圖片壓縮工具

【教學】ShortPixel 免費圖片壓縮工具,ShortPixel 教學分享

你在開始寫作文章,為部落格增加內容時,一定會使用到許多的圖片、照片來讓網站更豐富。但因為照片拍的好、像素使用的高,單一照片的檔案大小就會變的較大。如果每次都手動針對照片、圖片的部分去修改大小、又怕畫質會變的不好。

ShortPixel 可以完美的為你解決這個問題,你不必再需要手動去修改檔案大小、只需要註冊使用後,下載 ShortPixel 外掛,他就可以自動幫你處理圖片、照片的大小事。免費版本,1 個月就有 100 張圖片、照片處理的額度。透過 Joyy 的推薦連結,還可以再多 100 張喔。這對於一般部落客來說,算是非常夠用了。

若是付費使用,1 個月接近 120 元,就更可使用高達 7000 張 … CP 值可以說是非常高的!這篇內容就帶你從頭到尾了解 ShortPixel 是如何運作的吧。

WordPress 外掛名稱:ShortPixel
推薦連結:ShortPixel COMPRESS & OPTIMIZE IMAGES ( 推薦連結,可額外獲得 100 張額度 )

ShortPixel 介紹與網站測試

透過連結打開網站時,你可以先進行自已網站的測試。

ShortPixel免費圖片壓縮工具_01

上圖是我網站測試後的結果,可以看到還可以再優化檔案的大小近 49%。你可以立即試試看,看看能幫助你自己的網站再加快多少。

網站的圖片載入,一直是身為網站主的你必須去做好的功課。

ShortPixel 提供了網頁版本的壓縮與外掛版本的壓縮。都有提供失真與不失真的壓縮方式,ShortPixel 推是採用失真的方式,來達到更高的壓縮率,並提到說雖然是選失真的選項,但本身肉眼是看不到明顯像素被放大、或有明顯壓縮後的差異,網站上是宣稱能高達90% 的壓縮比,大大的降低圖片的大小,來提升網站載入速度喔。

在 Joyy 這篇的介紹裡,我就不針對網頁版本的使用方式來說明。

畢竟網頁版本的就是需要自已手動上傳圖片照片、再下載下來後,上傳到自己 WordPress 的媒體資訊後台,我覺得太麻煩了,所以直接說明使用外掛的方式,來方便你來直接使用。

ShortPixel 免費會員註冊

ShortPixel免費圖片壓縮工具_11

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

ShortPixel免費圖片壓縮工具_03

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

ShortPixel免費圖片壓縮工具_02

另外你會在剛剛註冊的郵件中,收到一封郵件。裡面會包含重要的2個資訊。

  • 帳號使用的 API Key
  • 登入使用的密碼

密碼可以在登入再進行變更。

ShortPixel免費圖片壓縮工具_05

登入後台的結果。

ShortPixel免費圖片壓縮工具_04

最下方就會顯示出,帳號使用的額度。仍推薦你使用 Joyy 的連結,可以再多 100 張喔。

ShortPixel 外掛安裝與設定方式

ShortPixel免費圖片壓縮工具_06

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

ShortPixel免費圖片壓縮工具_12

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

ShortPixel免費圖片壓縮工具_07

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

ShortPixel免費圖片壓縮工具_08

完成後,回到媒體裡,就會看到 ShortPixel 已經準備好幫你優化圖片照片了。

因為這些圖片是你在安裝 ShortPixel 之前上傳的,所以會在每個圖片的後方,出現 Optimize now 的選項。

而看到的 +11thumbnails 就是可優化的圖片數。

為什麼明明才 1 張圖片,怎麼會會算成有 +11 張呢?

這就和設定有關囉,接下來和你分享 Joyy 我自己優化圖片的方式。

ShortPixel的優化推薦設定

ShortPixel免費圖片壓縮工具_10

上圖是安裝 SortPixel 後,自動進行優僎的,可以看到連同本身的那一張,+10 張縮圖,就會扣掉 11 張的額度。

優化的方式,我以我個人的方式提供給你參考,若你有更好的使用方式,也歡迎在留言的地方和我分享喔。

優化的前題

ShortPixel 是以上傳後,該張圖片所產生的其他圖片,一起優化。

我們要知道,上傳一張圖片至 WordPress 後台,會因為設定,產生各式不同尺寸的縮圖,所以 ShortPixel 會因為這些的縮圖,一起進行優化。

所以看到這裡,你可能會想,那這樣的話,就算有 200 張也不夠用啊。

沒錯 … 所以,我們需要進行一些設定的調整。

優化的設定步驟

[step]1[/step]

ShortPixel免費圖片壓縮工具_13
  • 媒體設定裡只開啟縮圖尺寸
  • 中型、大型尺寸設定為 0
  • 下方取消勾選建立年份、月份

[step]2[/step]

ShortPixel免費圖片壓縮工具_14

到 ShortPixel 後台 > Advanced

拉到最下方,找到 Exclude theumbnail sizes ( 排除縮圖尺寸 )

由於部分縮圖在使用上,並不常載入,所以我在設定上,會排除掉這些。這樣設定第一步與二步後,除了空間可以少佔用之外,在 ShortPixel 的額度可以掌控。

結論與後續

ShortPixel免費圖片壓縮工具_15

上圖就可以看到,設定後,在媒體裡所出現的結果,就會只有上傳的圖片進行壓縮。

ShortPixel 是很推薦的一個工具,不論是你要免費使用還是付費使用,整體的 CP 值都算很高。

ShortPixel免費圖片壓縮工具_16

有興趣付費使用的朋友,可以註冊後,前往價格頁查看官網提出的方案喔。

推薦使用指數:★★★★★

ShortPixel Q&A 常見的問題與討論

目前使用 ShortPixel 已有段時間了,以下整理常見的問題與解決方案:

Q1. 圖檔壓縮後中文圖檔名消失 ?
A1.ShortPixel 畢竟是屬於外國網站提供的免費服務,常見是把中文的圖檔檔案放入後,壓縮完想下載時,卻發現檔案的中文名字消失了,這個解決的方式,就是在放入要壓縮前,前置以英文或數字來命名就可以解決了。

shortpixel 解決中文檔名消失
shortpixel 解決中文檔名消失
shortpixel 解決中文檔名消失

解決的方式很簡單吧 ! 有任何其他問題,歡迎下方留言和我一起討論。

打造網路賺錢基地 實戰課程

▲ 讓你擁有一個能帶來現金流的網路賺錢基地,建立網路收入之路,實踐打造網路賺錢基地的策略與技巧 !

其他 WordPress 網站架設 相關文章推薦

  • 【教學】免費收發域名郵件教學 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 Mailbox
    Cloudways 是我目前使用最穩定的網站主機,價格、服務、性價比 … 等等,在比較之下,真的都沒話說。而長期使用之下,你一定會需要建置一個 域名信箱,在使用 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家就好了的心情呢?其實如果已經在某家買好域名,是可以進行移轉的,今天這篇內容,就是和分享,域名移轉時,你需要注意的事項。
  • 【教學】WP Table Builder好用的Table表格外掛推薦
    近期在協助客戶架設網站時,因為需要表格來整理資訊。查到這一款Table外掛WP Table Builder,很好使用,呈現的效果很不錯。簡單整理使用方式,提供給有需要的你。

About Joyy

網路行銷玩家
現任職於顧問公司擔任行銷。分享許多網路行銷與網路賺錢相關知識 ! 期待透過更多免費的分享,讓更多人學到如何有效的從網路上建立屬於你自己的收入來源。

粉絲專頁

最新文章

Udemy 線上課程

留下您的問題: