WordPress圖片優化是很多WP站長都在關注的問題。圖片作為目前網站中的主要元素,會直接影響網站的打開速度。雖然越大的圖片質量越好,但是極度的影響用戶的訪問頁面的效率。
谷歌早在 2018年的時候就對網站的加載速度做了說明,并推出了Speed Update算法。速度不達標的網站,尤其是手機站點,在部分情況下會收到對應的懲罰。2019年,谷歌、百度等各大搜索引擎會更加注重網頁的速度。
所以,WP圖片優化變得尤為重要。那么今天給大家寫一個史上最強的WP圖片優化工具的使用教程。WP圖片壓縮神器:SHORT PIXEL(官網地址)
本工具教程中部分外部連接需要科學上網工具才可以訪問。

SHORT PIXEL是一款第三方WP插件??梢詫⑽覀兙W站當中已上傳,以及即將上傳的圖片做剪裁、壓縮。(插件介紹地址)
官網給出的數據是可以將圖片進行壓縮75%。(無損壓縮,從260Kb的大小壓縮到65Kb)

下面就是我使用Short Pixel插件的壓縮效果截圖。

平均圖片的壓縮比例大約在65%左右
預估原因可能是我上傳圖片之前就已經做過一次圖片壓縮。
不過,在不影響用戶閱讀的情況下能夠再次壓縮65%的比例已經非常不錯了。許多網站首頁首屏加載速度PC端大約是在2.1秒,移動端在2.9秒。做完圖片壓縮后速度提升到了?1.41秒(網通)和 1.79秒(電信)。
推薦使用:Google Speed Insights、百度統計-網頁速度監測(需要添加統計代碼)。
以下是 Short Pixel插件詳細的使用說明:
進入WP后臺 > 左側菜單 > 插件 > 安裝插件 > “搜索 short pixel” > 下載安裝并啟用

進入Short Pixel官網(官網地址)用郵箱注冊一個賬號,并且獲取API碼。(API會顯示在注冊頁面中,同時也會發到你的郵箱里。第一次注冊附送免費100次壓縮)

本來我以為我的博客只有100張圖片,免費版本就足夠用了。用工具掃描了之后才發現,我前前后后一共有900+張圖片。
所以干脆就買了插件的付費版本。(建議更新頻率不高的同學使用按次數購買計劃,后面我會針對費用這塊詳細說明?;蛘吣憧梢栽L問官網查看詳細信息)

獲取API之后,進入WP后臺 > 設置 > ShortPixel > 輸入郵箱和API > 點擊確認
輸入完成之后你就會直接進入到 Short Pixel的設置界面。

它提供了四個Tab(選項),分別是 General(通用設置)、Advanced(高級設置)、Cloudflare API(Cloudflare的API)、Statistcs(統計報告)。
其中我們需要使用的就是?通用設置?和 最常查看的統計報告。
快速壓縮操作:
如果你是為了快速操作的話,那么就保持默認的所有設置,直接點最下方的 “Save and Go to Bulk Process”(保存設置并進行壓縮)

如果你擔心壓縮設置不符合預期,可以看下面的教程,并且手動自定義各類設定,我會詳細進行講解。
詳細細節設置:
關于圖片壓縮比例
Short Pixel提供了3種壓縮:Lossy(默認,極致壓縮)、Glossy(中度壓縮)、以及 Loseeless(無損壓縮)。
Lossy(極致壓縮)– 這個是官方推薦的壓縮方式,并不影響用戶的觀看體驗。對于大多數追求SEO極致優化的用戶來說是最好的選擇。
Glossy(中度壓縮)?– 幾乎與原始像素完美相同的圖像。攝影師和其他專業人士的最佳選擇,他們在他們的網站上使用非常高質量的圖像,并希望在保持質量不受影響的同時獲得最佳壓縮。
Loseeless(無損壓縮)?– 屬于幾乎不壓縮比例5%左右,幾乎沒有太多變化,很少使用。

關于文章縮略圖(特色圖片、Thumbnail image)壓縮
文章縮略圖一般是作為文章主圖,以及文章列表圖片出現的。一般情況下,用戶瀏覽特色圖片的次數是最多的。所以我們通常會保持這個功能處于開通狀態。

圖片備份(Image backup)
這個是一定得開通的。這個功能可以將原有圖片備份到特殊文件夾中,方便用戶二次使用原圖片。同時也防止圖片壓縮工具出意外,至少你還可以通過備份功能還原圖片。

去除圖像EXIF信息
EXIF信息是圖片特有的一種信息模式,其定義是:EXIF(EXchangeable Image File Format)是專門為數碼相機的照片設定的可交換圖像文件格式,通過在圖片下載URL后附加exif指示符(區分大小寫)獲取。拍照方向、相機設備型號、拍攝時間、ISO 感光度、GPS 地理位置等數據。
來自維基百科的定義
一般來說,我們會去除這些額外的信息,以達到最佳的圖像優化壓縮效果。所以這里建議保持開啟狀態。

對檢測圖片EXIF信息感興趣?戳這兩個工具:圖片EXIF信息獲取、EXIF信息查看器。
圖片剪裁(Resize Image)
這個功能其實可以開啟也可以不開。大家可以自行選擇。一般我再上傳圖片的時候都會圖片多余的邊緣會做一些剪裁,所以我不需要這個插件幫我去做這樣一件事情。如果你的圖像沒有做過任何的加工,那么建議你開啟這個功能。
官方默認設置是不開啟,防止工具誤剪裁了一些圖片重要的部分。
習慣性的設置是 {600 x 400} 或者 {800 x 600} 這樣的比例最佳。

以上設置你做好之后,就可以點擊下方的保存,并且開始網站的圖片優化之旅。
就我個人的使用經驗來看,壓縮900+張圖片,大約耗時2個小時左右。你只需要把進程頁面掛在哪里,處理其它的事情即可。
當然如果你的服務器在國內(比如說我,用的阿里云的服務器),可能在部分圖片處理上會有中斷的情況。但是沒關系,整個進程結束后你可以把中斷圖片重新再自動處理。整體效果還是不錯的。

整體來說,用完圖片壓縮之后,網站速度提升效果非常的明顯。不過wordpress速度的優化不僅僅只有壓縮圖片。你還可以通過減少http請求,或者是禁用谷歌字體來提升網站的性能。
關于Short Pixel圖片壓縮插件付費部分介紹
這里建議大家和我一樣使用按量付費,1-2個月購買一次即可(我購買的是9美元10000張的版本)基本上我的博客保持每天一篇教程的更新。

查看Short pixel套餐價格點擊這里。
如果你也是這樣的頁面更新頻率建議你和我購買一樣的套餐。如果說你的更新頻率比較高的話,建議按月購買套餐效果會比較好。
同時,關于付費部分,Short Pixel圖片插件支持Paypal、以及信用卡(visa、Mastercard,注意銀聯是不支持的)
Short Pixel官網地址、注冊免費100張圖片壓縮
關于Wordpress圖片的SEO優化
說到WP圖片優化,不單指的是速度方面。其實還有圖像代碼本身上。大家都知道圖片在html當中使用的 img 標簽進行標注的。像下方這樣。
其中有兩個屬性:ALT屬性、以及 Title屬性。這兩個屬性是可以進行SEO優化的。我之前曾經詳細寫過ALT屬性優化教程,建議大家仔細閱讀。
關于圖像標簽的title屬性可以保持和ALT屬性一樣,或者對ALT屬性的內容做一個概括。
文章為作者獨立觀點,不代表DLZ123立場。如有侵權,請聯系我們。( 版權為作者所有,如需轉載,請聯系作者 )

網站運營至今,離不開小伙伴們的支持。 為了給小伙伴們提供一個互相交流的平臺和資源的對接,特地開通了獨立站交流群。
群里有不少運營大神,不時會分享一些運營技巧,更有一些資源收藏愛好者不時分享一些優質的學習資料。
現在可以掃碼進群,備注【加群】。 ( 群完全免費,不廣告不賣課!)