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