網(wǎng)頁(yè)的加載速度對于網(wǎng)站關(guān)鍵詞排名和用戶(hù)體驗都非常重要，很多SEO技術(shù)人員都在想方設法提高網(wǎng)頁(yè)加載速度，但經(jīng)常會(huì )忽略了對圖片的處理來(lái)優(yōu)化網(wǎng)站。

       簡(jiǎn)單的理解圖片處理就是通過(guò)選擇圖片的類(lèi)型以及調整圖片大小、對圖片進(jìn)行壓縮，來(lái)減少圖片對網(wǎng)頁(yè)加載速度的影響。

 


      在我們?yōu)g覽一些網(wǎng)站時(shí)，發(fā)現一些網(wǎng)站加載速度很慢，部分原因是服務(wù)器配置不高，還一個(gè)主要原因是網(wǎng)站使用的圖片質(zhì)量過(guò)高，導致頁(yè)面體積過(guò)大。經(jīng)?？吹侥硞€(gè)頁(yè)面超過(guò)10M大小，一張圖片好幾M，加載這張圖片都得一定時(shí)間，特別是一些商城網(wǎng)站。如果不能有效修改圖片大小，那么一定會(huì )影響用戶(hù)體驗。

       那我們該對圖片進(jìn)行怎樣的操作來(lái)提升加載速度？

       不要通過(guò)網(wǎng)站后臺來(lái)調整圖片大小，大部分網(wǎng)站后臺對圖片的處理只是調整圖片大小，有的也是瞬時(shí)進(jìn)行壓縮，圖片的比例是網(wǎng)站后臺設定好的，但這樣壓縮的圖片比正確壓縮大25%左右，占據了更多的服務(wù)器空間。

       對于一些有多張圖片的頁(yè)面，那是一定會(huì )產(chǎn)生影響，我們應該在圖片上傳之前就進(jìn)行優(yōu)化處理。

       首先調整圖片大小，調整圖片大小屬于簡(jiǎn)單也是容易忽略的。舉個(gè)例子，正常要上傳的圖片寬度為1000像素，而只需要在網(wǎng)站上顯示500像素寬度，即使在后臺中調整大小，也會(huì )要求壓縮整張圖片里的所有信息，這會(huì )讓圖片變得更大。

       在上傳之前就修改為要顯示的圖片大小，有些后臺還會(huì )進(jìn)行調整，但保證好初始圖片小是我們可以做到的。

       二是選擇合適的圖片格式，網(wǎng)頁(yè)主要還是瀏覽效果為重，不能一味的選擇體積小的圖片處理后上傳，很多人沒(méi)有處理圖片的經(jīng)驗，所以在網(wǎng)站這個(gè)頁(yè)面該使用PNG時(shí)使用了JPG的圖片，這是要改正的。

       我們常見(jiàn)的圖片類(lèi)型有：JPG、PNG、GIF和WEBP，除了部分特殊站點(diǎn)會(huì )用到GIF，其他的站點(diǎn)基本都看不到，這里就不多做解釋。

       JPG是常用的圖片文件格式，可以有極高的壓縮率，但這種壓縮是有損失的，圖片里重或不重要的資料會(huì )被修飾，因此容易造成圖像數據損傷，要保持一定的瀏覽效果，圖片壓縮是盡量不要低于50%的質(zhì)量。

      PNG形式的圖片無(wú)損壓縮，有著(zhù)高的壓縮比但不會(huì )損失圖片的數據，它利用特殊的編碼方法標記重復出現的數據，對圖片的顏色沒(méi)有影響，重復保存也不會(huì )降低圖片質(zhì)量。PNG有24位和8位兩種，要減小圖片大小時(shí)，需要8位PNG設置。

       WEBP同時(shí)支持有損和無(wú)損兩種壓縮方式，相比JPG和PNG更加的好和穩定。在相同質(zhì)量下webp圖片要比JPG圖片的體積小40%，但WEBP格式未能像JPG那樣，得到各種軟硬件的廣泛支持，使用這種格式需謹慎。

       在上傳到網(wǎng)站前對圖片進(jìn)行有效的處理，可大大減小圖片的體積，這樣網(wǎng)頁(yè)加載時(shí)需要加載的體積減少，降低加載時(shí)間。