您所在的位置: 首頁?>?千搜學(xué)院 > 網(wǎng)站建設(shè)
網(wǎng)頁的加載速度對于網(wǎng)站關(guān)鍵詞排名和用戶體驗都非常重要,很多SEO技術(shù)人員都在想方設(shè)法提高網(wǎng)頁加載速度,但經(jīng)常會忽略了對圖片的處理來優(yōu)化網(wǎng)站。
簡單的理解圖片處理就是通過選擇圖片的類型以及調(diào)整圖片大小、對圖片進(jìn)行壓縮,來減少圖片對網(wǎng)頁加載速度的影響。
在我們?yōu)g覽一些網(wǎng)站時,發(fā)現(xiàn)一些網(wǎng)站加載速度很慢,部分原因是服務(wù)器配置不高,還一個主要原因是網(wǎng)站使用的圖片質(zhì)量過高,導(dǎo)致頁面體積過大。經(jīng)??吹侥硞€頁面超過10M大小,一張圖片好幾M,加載這張圖片都得一定時間,特別是一些商城網(wǎng)站。如果不能有效修改圖片大小,那么一定會影響用戶體驗。
那我們該對圖片進(jìn)行怎樣的操作來提升加載速度?
不要通過網(wǎng)站后臺來調(diào)整圖片大小,大部分網(wǎng)站后臺對圖片的處理只是調(diào)整圖片大小,有的也是瞬時進(jìn)行壓縮,圖片的比例是網(wǎng)站后臺設(shè)定好的,但這樣壓縮的圖片比正確壓縮大25%左右,占據(jù)了更多的服務(wù)器空間。
對于一些有多張圖片的頁面,那是一定會產(chǎn)生影響,我們應(yīng)該在圖片上傳之前就進(jìn)行優(yōu)化處理。
首先調(diào)整圖片大小,調(diào)整圖片大小屬于簡單也是容易忽略的。舉個例子,正常要上傳的圖片寬度為1000像素,而只需要在網(wǎng)站上顯示500像素寬度,即使在后臺中調(diào)整大小,也會要求壓縮整張圖片里的所有信息,這會讓圖片變得更大。
在上傳之前就修改為要顯示的圖片大小,有些后臺還會進(jìn)行調(diào)整,但保證好初始圖片小是我們可以做到的。
二是選擇合適的圖片格式,網(wǎng)頁主要還是瀏覽效果為重,不能一味的選擇體積小的圖片處理后上傳,很多人沒有處理圖片的經(jīng)驗,所以在網(wǎng)站這個頁面該使用PNG時使用了JPG的圖片,這是要改正的。
我們常見的圖片類型有:JPG、PNG、GIF和WEBP,除了部分特殊站點會用到GIF,其他的站點基本都看不到,這里就不多做解釋。
JPG是常用的圖片文件格式,可以有極高的壓縮率,但這種壓縮是有損失的,圖片里重或不重要的資料會被修飾,因此容易造成圖像數(shù)據(jù)損傷,要保持一定的瀏覽效果,圖片壓縮是盡量不要低于50%的質(zhì)量。
PNG形式的圖片無損壓縮,有著高的壓縮比但不會損失圖片的數(shù)據(jù),它利用特殊的編碼方法標(biāo)記重復(fù)出現(xiàn)的數(shù)據(jù),對圖片的顏色沒有影響,重復(fù)保存也不會降低圖片質(zhì)量。PNG有24位和8位兩種,要減小圖片大小時,需要8位PNG設(shè)置。
WEBP同時支持有損和無損兩種壓縮方式,相比JPG和PNG更加的好和穩(wěn)定。在相同質(zhì)量下webp圖片要比JPG圖片的體積小40%,但WEBP格式未能像JPG那樣,得到各種軟硬件的廣泛支持,使用這種格式需謹(jǐn)慎。
在上傳到網(wǎng)站前對圖片進(jìn)行有效的處理,可大大減小圖片的體積,這樣網(wǎng)頁加載時需要加載的體積減少,降低加載時間。