WordPress圖片優(yōu)化是很多WP站長(zhǎng)都在關(guān)注的問(wèn)題。圖片作為目前網(wǎng)站中的主要元素，會(huì)直接影響網(wǎng)站的打開(kāi)速度。雖然越大的圖片質(zhì)量越好，但是極度的影響用戶的訪問(wèn)頁(yè)面的效率。
谷歌早在 2018年的時(shí)候就對(duì)網(wǎng)站的加載速度做了說(shuō)明，并推出了Speed Update算法。速度不達(dá)標(biāo)的網(wǎng)站，尤其是手機(jī)站點(diǎn)，在部分情況下會(huì)收到對(duì)應(yīng)的懲罰。2019年，谷歌、百度等各大搜索引擎會(huì)更加注重網(wǎng)頁(yè)的速度。
所以，WP圖片優(yōu)化變得尤為重要。那么今天給大家寫(xiě)一個(gè)史上最強(qiáng)的WP圖片優(yōu)化工具的使用教程。WP圖片壓縮神器：SHORT PIXEL（官網(wǎng)地址）
本工具教程中部分外部連接需要科學(xué)上網(wǎng)工具才可以訪問(wèn)。
SHORT PIXEL是一款第三方WP插件?？梢詫⑽覀兙W(wǎng)站當(dāng)中已上傳，以及即將上傳的圖片做剪裁、壓縮。（插件介紹地址）
官網(wǎng)給出的數(shù)據(jù)是可以將圖片進(jìn)行壓縮75%。（無(wú)損壓縮，從260Kb的大小壓縮到65Kb）
下面就是我使用Short Pixel插件的壓縮效果截圖。
平均圖片的壓縮比例大約在65%左右
預(yù)估原因可能是我上傳圖片之前就已經(jīng)做過(guò)一次圖片壓縮。
不過(guò)，在不影響用戶閱讀的情況下能夠再次壓縮65%的比例已經(jīng)非常不錯(cuò)了。許多網(wǎng)站首頁(yè)首屏加載速度PC端大約是在2.1秒，移動(dòng)端在2.9秒。做完圖片壓縮后速度提升到了?1.41秒（網(wǎng)通）和 1.79秒（電信）。
推薦使用：Google Speed Insights、百度統(tǒng)計(jì)-網(wǎng)頁(yè)速度監(jiān)測(cè)（需要添加統(tǒng)計(jì)代碼）。
以下是 Short Pixel插件詳細(xì)的使用說(shuō)明：
進(jìn)入WP后臺(tái) > 左側(cè)菜單 > 插件 > 安裝插件 > “搜索 short pixel” > 下載安裝并啟用
進(jìn)入Short Pixel官網(wǎng)（官網(wǎng)地址）用郵箱注冊(cè)一個(gè)賬號(hào)，并且獲取API碼。（API會(huì)顯示在注冊(cè)頁(yè)面中，同時(shí)也會(huì)發(fā)到你的郵箱里。第一次注冊(cè)附送免費(fèi)100次壓縮）
本來(lái)我以為我的博客只有100張圖片，免費(fèi)版本就足夠用了。用工具掃描了之后才發(fā)現(xiàn)，我前前后后一共有900+張圖片。
所以干脆就買(mǎi)了插件的付費(fèi)版本。（建議更新頻率不高的同學(xué)使用按次數(shù)購(gòu)買(mǎi)計(jì)劃，后面我會(huì)針對(duì)費(fèi)用這塊詳細(xì)說(shuō)明。或者你可以訪問(wèn)官網(wǎng)查看詳細(xì)信息）
獲取API之后，進(jìn)入WP后臺(tái) > 設(shè)置 > ShortPixel > 輸入郵箱和API > 點(diǎn)擊確認(rèn)
輸入完成之后你就會(huì)直接進(jìn)入到 Short Pixel的設(shè)置界面。
它提供了四個(gè)Tab（選項(xiàng)），分別是 General（通用設(shè)置）、Advanced（高級(jí)設(shè)置）、Cloudflare API（Cloudflare的API）、Statistcs（統(tǒng)計(jì)報(bào)告）。
其中我們需要使用的就是?通用設(shè)置?和 最常查看的統(tǒng)計(jì)報(bào)告。
快速壓縮操作：
如果你是為了快速操作的話，那么就保持默認(rèn)的所有設(shè)置，直接點(diǎn)最下方的 “Save and Go to Bulk Process”（保存設(shè)置并進(jìn)行壓縮）
如果你擔(dān)心壓縮設(shè)置不符合預(yù)期，可以看下面的教程，并且手動(dòng)自定義各類設(shè)定，我會(huì)詳細(xì)進(jìn)行講解。
詳細(xì)細(xì)節(jié)設(shè)置：
關(guān)于圖片壓縮比例
Short Pixel提供了3種壓縮：Lossy（默認(rèn)，極致壓縮）、Glossy（中度壓縮）、以及 Loseeless（無(wú)損壓縮）。
Lossy（極致壓縮）– 這個(gè)是官方推薦的壓縮方式，并不影響用戶的觀看體驗(yàn)。對(duì)于大多數(shù)追求SEO極致優(yōu)化的用戶來(lái)說(shuō)是最好的選擇。
Glossy（中度壓縮）?– 幾乎與原始像素完美相同的圖像。攝影師和其他專業(yè)人士的最佳選擇，他們?cè)谒麄兊木W(wǎng)站上使用非常高質(zhì)量的圖像，并希望在保持質(zhì)量不受影響的同時(shí)獲得最佳壓縮。
Loseeless（無(wú)損壓縮）?– 屬于幾乎不壓縮比例5%左右，幾乎沒(méi)有太多變化，很少使用。
關(guān)于文章縮略圖（特色圖片、Thumbnail image）壓縮
文章縮略圖一般是作為文章主圖，以及文章列表圖片出現(xiàn)的。一般情況下，用戶瀏覽特色圖片的次數(shù)是最多的。所以我們通常會(huì)保持這個(gè)功能處于開(kāi)通狀態(tài)。
圖片備份（Image backup）
這個(gè)是一定得開(kāi)通的。這個(gè)功能可以將原有圖片備份到特殊文件夾中，方便用戶二次使用原圖片。同時(shí)也防止圖片壓縮工具出意外，至少你還可以通過(guò)備份功能還原圖片。
去除圖像EXIF信息
EXIF信息是圖片特有的一種信息模式，其定義是：EXIF(EXchangeable Image File Format)是專門(mén)為數(shù)碼相機(jī)的照片設(shè)定的可交換圖像文件格式，通過(guò)在圖片下載URL后附加exif指示符（區(qū)分大小寫(xiě)）獲取。拍照方向、相機(jī)設(shè)備型號(hào)、拍攝時(shí)間、ISO 感光度、GPS 地理位置等數(shù)據(jù)。
來(lái)自維基百科的定義
一般來(lái)說(shuō)，我們會(huì)去除這些額外的信息，以達(dá)到最佳的圖像優(yōu)化壓縮效果。所以這里建議保持開(kāi)啟狀態(tài)。
對(duì)檢測(cè)圖片EXIF信息感興趣？戳這兩個(gè)工具：圖片EXIF信息獲取、EXIF信息查看器。
圖片剪裁（Resize Image）
這個(gè)功能其實(shí)可以開(kāi)啟也可以不開(kāi)。大家可以自行選擇。一般我再上傳圖片的時(shí)候都會(huì)圖片多余的邊緣會(huì)做一些剪裁，所以我不需要這個(gè)插件幫我去做這樣一件事情。如果你的圖像沒(méi)有做過(guò)任何的加工，那么建議你開(kāi)啟這個(gè)功能。
官方默認(rèn)設(shè)置是不開(kāi)啟，防止工具誤剪裁了一些圖片重要的部分。
習(xí)慣性的設(shè)置是 {600 x 400} 或者 {800 x 600} 這樣的比例最佳。
以上設(shè)置你做好之后，就可以點(diǎn)擊下方的保存，并且開(kāi)始網(wǎng)站的圖片優(yōu)化之旅。
就我個(gè)人的使用經(jīng)驗(yàn)來(lái)看，壓縮900+張圖片，大約耗時(shí)2個(gè)小時(shí)左右。你只需要把進(jìn)程頁(yè)面掛在哪里，處理其它的事情即可。
當(dāng)然如果你的服務(wù)器在國(guó)內(nèi)（比如說(shuō)我，用的阿里云的服務(wù)器），可能在部分圖片處理上會(huì)有中斷的情況。但是沒(méi)關(guān)系，整個(gè)進(jìn)程結(jié)束后你可以把中斷圖片重新再自動(dòng)處理。整體效果還是不錯(cuò)的。
整體來(lái)說(shuō)，用完圖片壓縮之后，網(wǎng)站速度提升效果非常的明顯。不過(guò)wordpress速度的優(yōu)化不僅僅只有壓縮圖片。你還可以通過(guò)減少http請(qǐng)求，或者是禁用谷歌字體來(lái)提升網(wǎng)站的性能。
關(guān)于Short Pixel圖片壓縮插件付費(fèi)部分介紹
這里建議大家和我一樣使用按量付費(fèi)，1-2個(gè)月購(gòu)買(mǎi)一次即可（我購(gòu)買(mǎi)的是9美元10000張的版本）基本上我的博客保持每天一篇教程的更新。
查看Short pixel套餐價(jià)格點(diǎn)擊這里。
如果你也是這樣的頁(yè)面更新頻率建議你和我購(gòu)買(mǎi)一樣的套餐。如果說(shuō)你的更新頻率比較高的話，建議按月購(gòu)買(mǎi)套餐效果會(huì)比較好。
同時(shí)，關(guān)于付費(fèi)部分，Short Pixel圖片插件支持Paypal、以及信用卡（visa、Mastercard，注意銀聯(lián)是不支持的）
Short Pixel官網(wǎng)地址、注冊(cè)免費(fèi)100張圖片壓縮
關(guān)于Wordpress圖片的SEO優(yōu)化
說(shuō)到WP圖片優(yōu)化，不單指的是速度方面。其實(shí)還有圖像代碼本身上。大家都知道圖片在html當(dāng)中使用的 img 標(biāo)簽進(jìn)行標(biāo)注的。像下方這樣。
其中有兩個(gè)屬性：ALT屬性、以及 Title屬性。這兩個(gè)屬性是可以進(jìn)行SEO優(yōu)化的。我之前曾經(jīng)詳細(xì)寫(xiě)過(guò)ALT屬性優(yōu)化教程，建議大家仔細(xì)閱讀。
關(guān)于圖像標(biāo)簽的title屬性可以保持和ALT屬性一樣，或者對(duì)ALT屬性的內(nèi)容做一個(gè)概括。
文章為作者獨(dú)立觀點(diǎn)，不代表DLZ123立場(chǎng)。如有侵權(quán),請(qǐng)聯(lián)系我們。( 版權(quán)為作者所有，如需轉(zhuǎn)載，請(qǐng)聯(lián)系作者 )
網(wǎng)站運(yùn)營(yíng)至今，離不開(kāi)小伙伴們的支持。 為了給小伙伴們提供一個(gè)互相交流的平臺(tái)和資源的對(duì)接，特地開(kāi)通了獨(dú)立站交流群。
群里有不少運(yùn)營(yíng)大神，不時(shí)會(huì)分享一些運(yùn)營(yíng)技巧，更有一些資源收藏愛(ài)好者不時(shí)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。
現(xiàn)在可以掃碼進(jìn)群，備注【加群】。 ( 群完全免費(fèi)，不廣告不賣(mài)課！)
