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

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

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

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

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

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

(小提醒:鵠學苑的所有教學均是以 Apple Mac OS X 系統 做步驟示範!)

• 如何在 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 外掛教學相關文章:

網站架設知識推薦閱讀:

WordPress 介紹 – 全球市佔率達三成,遠超其他CMS管理系統

免費網頁空間 架站平台比較 – WordPress,Wix,Weebly,Blogger

WordPress 市佔率再創新高,2019 年成長至 33.4%!

分享在 facebook
Facebook
分享在 google
Google+
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top