WordPress 圖片縮小外掛,批次圖檔壓縮 – 網頁加速必學技能

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – WordPress 圖片 縮小 外掛批次 圖檔壓縮 – 網頁加速 必學技能,在 TinyPNG 線上網頁圖片壓縮 – 照片壓縮不失真 – png壓縮工具 這篇教學文章中跟大家介紹過 TinyPNG 這個可以壓縮圖片的實用工具,其中也有解釋如何申請 API Key 及壓縮圖片限制等問題,而今天要介紹的是使用 WordPress 架設網站圖片壓縮外掛,這一款同樣是由 TinyPNG 開發的外掛叫做 Compress JPEG & PNG image ,透過選擇網站內已上傳的不同尺寸圖片大小,來設定外掛需要壓縮哪些圖片,使用方式以及安裝步驟都相當容易,透過鵠學苑的文章步驟教學,相信很快就可以上手,接下來跟著鵠學院的腳步,讓我們開始學習吧!
(小提醒:鵠學苑的所有教學均是以 Apple Mac OS X 系統 做步驟示範!)

PNG images WordPress 外掛下載點
https://wordpress.org/plugins/tiny-compress-images/
TinyPNG 官網
https://tinypng.com/

如何在 WordPress 後台安裝 Compress JPEG & PNG image 外掛及 API Key 設定

第一步:進入到 WordPress 後台點選外掛選項,點選安裝外掛,在關鍵字欄位輸入 Compress JPEG & PNG image 搜尋,找到熊貓圖案的外掛,點選立即安裝並啟用。

WordPress 圖片

WordPress 圖片

WordPress 圖片

第二步:在後台 Settings 中選擇媒體,進入到 Compress JPEG & PNG image 設定中,外掛設定區域在媒體頁面的下方,需要向下捲動畫面才能看到。

WordPress 圖片

第三步:在這一步驟要設定 TinyPNG 的 API Key 已啟用外掛壓縮功能,申請步驟在之前的教學文章有提過,簡單的輸入使用者名稱及電子郵件地址,再到電子信箱點選驗證信,就可以在 TinyPNG 官網找到 API Key,如圖二所示。接下來將 API Key 複製貼上到圖一紅色方框標示處,點選儲存即可。

WordPress 圖片

WordPress 圖片

WordPress 圖片

第四步:輸入剛剛申請的 API Key ,就會出現如下圖的畫面,表示帳號連結成功。

WordPress 圖片

第五步:下方檔案壓縮的區塊可以選擇自己網站中有使用的圖片尺寸壓縮,精確的選擇定義圖片範圍,可以節省壓縮次數。

WordPress 圖片

使用外掛開始批次壓縮圖片

第一步:在全部設定完之後,點選媒體選擇批次最佳化

WordPress 圖片

第二步:進入到下圖畫面,會有提示已上傳的圖片,未壓縮的圖片,估計費用的部分不用擔心,在達到特定條件前是不會收費的。

WordPress 圖片

第三步:點選開始批次最佳化就會開始壓縮圖片的工作,特別要提醒的是圖片壓縮時不要關閉頁面,必須要開者讓外掛運行,如果關閉了就會停止壓縮圖片,並在下一次開啟時會從中斷的部分繼續壓縮。

WordPress 圖片

結語:

Compress JPEG & PNG image 這個外掛是有壓縮圖片張數限制的,每一個帳號(一組API Key)每一個月能夠壓縮的圖片數量是 500 張,因此如果超過限額了就必須要付費才能夠繼續使用。筆者建議的方法是,已經在網站上的圖片就透過外掛做壓縮,每個月壓縮500張慢慢達到將網站內全部圖片壓縮的目標,對於要新增到網站的圖片就透過 TinyPNG 網站壓縮過後,再上傳到網站做使用,不用花費金錢做圖片壓縮,但就是需要花費點時間,卻不失為一種網站優化的方法,提供給各位做參考。。今天的教學到這裡告一段落了,不要忘記持續關注鵠學苑的最新文章,想學習超詳細的WordPress攻略嗎??來 鵠學院 就對了!我們下次的教學見~

架站相關文章:

網站架設知識推薦閱讀:

WordPress 介紹 – 全球市佔率達三成,遠超其他CMS管理系統
免費網頁空間 架站平台比較 – WordPress,Wix,Weebly,Blogger
WordPress 市佔率再創新高,2019 年成長至 33.4%!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

返回頂端