Wordpress

【WP外掛】EWWW Image Optimizer教學 壓縮圖檔提升網頁速度

EWWW Image Optimizer 設定方法教學
web
此文章可能包含廣告(PR)
吉娃娃
吉娃娃

好像我的部落格顯示速度有點慢,圖片讀的好慢,有什麽好方法呢?

Masa
Masa

對網頁速度最大影響的是網頁當中的“圖片”,只要把圖片檔案尺寸壓縮可以提升網頁速度,以下跟你介紹使用WordPress外掛「EWWW Image Optimizer」壓縮圖片設定方法以及正確的使用方法!

這篇文章推薦給以下的人:

·想改善WordPress網站的網頁速度
·怎麽壓縮圖片呢?
·一個一個壓縮圖片很麻煩,有沒有什麽較方便的方法?
·爲了SEO,想改善優質網頁體驗指標(Page experience)

關於「網頁速度」測試方法請看以下文章:

延續閲讀
網頁速度變慢會有什麽問題?測試網頁速度的5個工具
網頁速度變慢會有什麽問題?測試網頁速度的5個工具

什麽是EWWW Image Optimizer?

「EWWW Image Optimizer」是WordPress圖檔優化(壓縮)外掛。

只要安裝它,之後上傳至WordPress的所有圖片將自動地壓縮檔案會變小。
因爲自動壓縮,使用者爲了壓縮不需要任何操作,非常便利!

而且已上傳的圖檔也可以進行一并壓縮。

圖片檔案尺寸變小,你網頁的檔案大小也跟著變小,結果提升網頁開啓速度

特別推薦給文章大量使用圖片朋友們的外掛。

尤其一篇文章插入10張以上圖片的網站
安裝「EWWW Image Optimizer」明顯會提升體感速度!




EWWW Image Optimizer安裝方法

EWWW Image Optimizer安裝方法非常簡單!

1.點擊 控制台 > 外掛 > 安裝外掛
ewww01

2.“搜尋外掛”的地方輸入“EWWW Image Optimizer”
將搜尋結果中會出現“EWWW Image Optimizer”
ewww02
3.請確認圖案和名稱之後 點擊“立即安裝”
(請注意會有類似名稱的外掛)
ewww03

4.安裝完成後,將會出現“啓用”按鈕,請點擊“啓用”
顯示“外掛已啓用”表示完成!
ewww04




EWWW Image Optimizer設定方法

「EWWW Image Optimizer」只要安裝和啓用開始啓用圖片壓縮功能。

但可以設定以下項目壓縮的更小一點。
需要設定的以下2項:

·Remove Metadata
·Hide Conversion Links

設定1 Remove Metadata

1.點擊 控制台 > 設定 > EWWW Image Optimizer
ewww05

2.點擊“Basic”標籤

3.請確認“Remove Metadata”有沒有打勾,若沒有請勾選。
ewww06

4.點擊畫面最下面“Save Changes”

勾選“Remove Metadata”項目會刪掉圖片中Metadata,可以更減少檔案容量。

圖片的Metadata中記錄拍照GPS地點,相機資訊等,一般來説網頁當中使用的圖片不需要這些資訊可以刪掉

設定2 Hide Conversion Links

1.點擊 控制台 > 設定 > EWWW Image Optimizer
ewww05

2.點擊“Basic”標籤
若設定畫面是“Easy Mode. ”請點擊Basic下面“Enable Ludicrous Mode ”
ewww07

3.點擊“Convert”標籤
ewww08

4.勾選“Hide Conversion Links”

5.點擊畫面最下面“Save Changes”

若沒有勾選“Hide Conversion Links”會有圖片檔案格式改變的情況,例如jpg→png、,png→jpg等。

這樣尋找圖片時不太好找的缺點,因此不要忘記勾選這一項。




EWWW Image Optimizer基本使用方法

「EWWW Image Optimizer」的基本使用方法是

·新增媒體的優化
·媒體庫(已上傳)圖片的優化

新增媒體將自動優化

正如上文提過「EWWW Image Optimizer」只要安裝啓用之後上傳的所有圖片將會自動優惠(壓縮)。
例如以下是Masablog“媒體庫”的内容第一張圖片是安裝後上傳的第2,3張是安裝之前上傳的。
ewww09
安裝之後上傳的圖片顯示“X sizes compressed”表示減少的大小,則第2,3張顯示“X sizes to compress”表示還未壓縮。

媒體庫(已上傳)圖片的一并優化方法

可以從媒體庫點擊“Optimize now”可以一張一張的壓縮,不過整個媒體庫的圖片可以一并優化,方法如下:
1.點擊 控制台 > 媒體庫 > Bulk Optimize
ewww10
2.點擊 Scan for unoptimized images
ewww11
3.點擊 Optimize XX images
ewww12

馬上會開始優化圖檔作業。

媒體庫裡若有大量的圖片爲了優化可能需要好幾個小時的時間,請在有充裕時間時進行“Bulk Optimize”

想要把圖片壓縮的更小,請使用圖片壓縮網站

有些人覺得「EWWW Image Optimizer」可以自動壓縮圖檔非常方便,不過壓縮的效果不夠好,若有這樣的情況,先用i♡img(iloveimg)“壓縮圖片文檔”再來上傳使用「EWWW Image Optimizer」自動壓縮會效果更好!

i♡img(iloveimg)是線上壓縮影像文檔的工具可以免費使用。一張或多張可以一起壓縮!
使用方法很簡單i♡img(iloveimg)畫面點擊“選擇多種圖片”或把檔案拖放在按鈕上,將自動開始上傳,壓縮,下載(也可以點擊下載按鈕)
線上壓縮影像文檔
例如以下的圖片壓縮效果如下:

10.43 MB → 500.99 KB
檔案減小了96%!效果相當不錯!

fuji

缺點是需要自己每次上傳,壓縮,下載再次上傳至WordPress,稍微麻煩,可能有時忘記這些操作。
所以習慣先用i♡img,再使用外掛EWWW自動地壓縮又不會忘記又壓縮效果更好。

i 使用i♡img + 「EWWW Image Optimizer」 壓縮效果更好!

延續閲讀
https://www.iloveimg.com/zh-tw/compress-image
https://www.iloveimg.com/zh-tw/compress-image




網頁設計師必備!爲了設計合成更好看的圖片包含Photoshop的Adobe CC

爲了提升圖片設計效率和效果,推薦使用Adobe Creative Cloud(Adobe CC),包含著名的照片合成加工編輯軟體Photoshop及專業設計師愛用的各種軟體,關於Adobe CC請參考以下文章:

延續閲讀
Adobe Creative Cloud是什麽?價格和下載方法介紹
Adobe Creative Cloud是什麽?價格和下載方法介紹

網站使用的圖片可以從Adobe Stock免費下載40張

專業設計師愛用的付費圖庫Adobe Stock可以免費下載40張。免費下載方法請參考以下文章:

延續閲讀
【商用OK】Adobe Stock圖庫推薦最便宜的方案費用,評價
【商用OK】Adobe Stock圖庫推薦最便宜的方案費用,評價

Masa會幫您設計網站

Masa提供日文/中文網頁設計服務,采用與Masablog一樣的最新日本WordPress主題,先進專業設計。

此服務適合的對象
·部落格網站(例如從痞客邦等平台搬家)
·企業網站
·喜歡Masablog網站風格
·在找外包網頁設計公司

服務特色
·Masa親自幫您設計網頁
·采用日本最新WordPress主題
·專業設計又超高速網頁速度,能提升用戶體驗和Google評價
·提高用戶體驗和成交率的界面設計
·公開透明的價格!能安心利用服務
·可選SEO網頁關鍵字優化服務

延續閲讀
日文/中文 日本網頁設計服務
日文/中文 日本網頁設計服務

總結

使用「EWWW Image Optimizer」減少圖檔大小,結果可提升網頁速度。

近幾年來Google很重視網頁速度,只有安裝EWWW可以壓縮圖檔並可以提升速度,不需要任何工作。

推薦給使用多種圖片網站的朋友們及想要改善網頁速度朋友們的外掛!

參考:Google2022年2月起優質網頁體驗指標加以考慮到桌面排名

延續閲讀
【最新SEO】Google2022年2月起優質網頁體驗指標加以考慮到桌面排名
【最新SEO】Google2022年2月起優質網頁體驗指標加以考慮到桌面排名

Masablog推薦文章

WordPress相關最新文章

更多

Masablog人氣文章

Adobe Creative Cloud破解?
Adobe破解?更好的方法
adobe sale1
Adobe最新優惠活動
Adobe Creative Cloud 學生優惠
Adobe學生優惠
日本Amazon 優惠活動
日本Amazon最新優惠活動
日本樂天最新優惠活動
日本樂天市場最新優惠活動
快領取美國Amazon優惠劵
美國Amazon優惠劵
Amazon Music 攻略
日本Amazon Music
Adobe Stock教學
Adobe Stock圖庫教學
Adobe 攝影計劃
Photoshop+Lr326元
超優惠的日本租車-日本樂天租車 -完整預約教學
【最便宜】日本樂天租車
如何挑選 翻譯公司推薦
翻譯公司推薦排行榜
So-net台灣碩網網路
So-net光纖網路評價和費用

日本Amazon必買

台灣人在日本亞馬遜買什麽?(1)
必買排行榜
日本TOTO免治馬桶Washlet全系列比較推薦型號
日本TOTO免治馬桶Washlet
必買日本Amazon-生活小家電TOP20
生活小家電排行榜Top20
Mirable購物教學
日本製水霧美肌蓮蓬頭
日本亞馬遜購買-臺幣算到底多少錢?
【日本製】NEC HotaluX LED吸頂燈
Amazon-Music攻略
日本水龍頭品牌大全
日本Amazon-Prime會員的8個好處
日本亞馬遜-推薦露營用品
SALONIA速乾負離子SL-013 日本銷售排行榜
超高CP值SALONIA吹風機
Amazon Kindle購物教學
Kindle電子書閲讀器

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

ABOUT ME
Masa
Masa
Masa是長住台灣的日本人。喜歡網頁設計及SEO,從2010年開始提供網頁設計及SEO服務,已500多家台灣和日本公司利用過Masa的服務。有空就寫一寫Masablog。

生活在台灣還是想買日本的東西常逛日本亞馬遜,也會看看日本網頁有關知識,所以在Masablog中跟大家分享日本Amazon,Adobe產品,WordPress等最新資訊!Masa也很喜歡日本旅游分享日本旅游相關優惠資訊

雖然Masa學中文很久了,不過文章中還是難免可能會有表達不是那麽好的地方,請大家多多包涵!
記事URLをコピーしました