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個小時左右。你只需要把進程頁面掛在哪里,處理其它的事情即可。

      當然如果你的服務器在國內(比如說我,用的阿里云的服務器),可能在部分圖片處理上會有中斷的情況。但是沒關系,整個進程結束后你可以把中斷圖片重新再自動處理。整體效果還是不錯的。

      優化前 和 優化后的圖片視覺感受基本不變,但是大小壓縮了 66.9%,非常的不錯

      整體來說,用完圖片壓縮之后,網站速度提升效果非常的明顯。不過wordpress速度的優化不僅僅只有壓縮圖片。你還可以通過減少http請求,或者是禁用谷歌字體來提升網站的性能。

      關于Short Pixel圖片壓縮插件付費部分介紹

      這里建議大家和我一樣使用按量付費,1-2個月購買一次即可(我購買的是9美元10000張的版本)基本上我的博客保持每天一篇教程的更新。

      查看Short pixel套餐價格點擊這里。

      如果你也是這樣的頁面更新頻率建議你和我購買一樣的套餐。如果說你的更新頻率比較高的話,建議按月購買套餐效果會比較好。

      同時,關于付費部分,Short Pixel圖片插件支持Paypal、以及信用卡(visa、Mastercard,注意銀聯是不支持的

      Short Pixel官網地址、注冊免費100張圖片壓縮

      關于Wordpress圖片的SEO優化

      說到WP圖片優化,不單指的是速度方面。其實還有圖像代碼本身上。大家都知道圖片在html當中使用的 img 標簽進行標注的。像下方這樣。

      <img src="/wp-content/uploads/2019/02/2019021311410571.jpg" alt="谷歌SEO新手需要掌握的11個知識點[2019版][多圖]" title="谷歌SEO新手必學知識">

      其中有兩個屬性:ALT屬性、以及 Title屬性。這兩個屬性是可以進行SEO優化的。我之前曾經詳細寫過ALT屬性優化教程,建議大家仔細閱讀。

      關于圖像標簽的title屬性可以保持和ALT屬性一樣,或者對ALT屬性的內容做一個概括。


      點贊(1) 打賞

      評論列表 共有 0 條評論

      暫無評論

      服務號

      訂閱號

      備注【拉群】

      商務洽談

      微信聯系站長

      發表
      評論
      立即
      投稿
      返回
      頂部