一、切片是什么意思？
切片就是從效果圖上把我們需要的圖片或圖標(biāo)進(jìn)行剪切處理。切片通常在PS中進(jìn)行，PS切片是Photoshop中的一個(gè)切圖工具，快捷鍵是C（注：C鍵有多個(gè)工具，但可以用Shift+C進(jìn)行工具的切換）。
二、切片的作用
作用是用來(lái)將大圖片分解為幾張小圖片。現(xiàn)在的網(wǎng)頁(yè)中圖文并茂，也正因如此打開(kāi)一個(gè)網(wǎng)頁(yè)所須的時(shí)間就比較長(zhǎng)，為了不讓瀏覽網(wǎng)頁(yè)的人等等時(shí)間太長(zhǎng)，所以我們要將圖片切為幾個(gè)小的來(lái)組成。方便網(wǎng)頁(yè)里面的排版。例如安然SEO博客首頁(yè)上的導(dǎo)航就是一個(gè)一個(gè)的小切片組成。并且排列整齊，美觀精致。
12.jpg (11.04 KB, 下載次數(shù): 0)
下載附件
切片
再比如說(shuō)上圖中兩條很長(zhǎng)的灰色線條，我們就只需要截取紅框里很上的一部分，然后利用CSS來(lái)控制長(zhǎng)度就可以，這樣大大減小了圖片的所占的內(nèi)存。
三、切片的優(yōu)勢(shì)
1、瀏覽器顯示的是直觀圖片，整體效果。人為去用代碼拼接圖片，容易會(huì)出現(xiàn)圖片錯(cuò)位，影響整體顯示效果。運(yùn)用ps切片自動(dòng)生成的代碼，一般不會(huì)出現(xiàn)圖片錯(cuò)位。
2、瀏覽網(wǎng)頁(yè)的時(shí)候，頁(yè)面打開(kāi)的速度受圖片大小的影響很大，把一張大圖切成多張小圖，可以加快圖片的顯示速度。
3、一張圖片有多個(gè)鏈接可以用切片切開(kāi)，分開(kāi)做鏈接。
總結(jié)：網(wǎng)站的圖片必須遵循一個(gè)原則：要多大切多大。盡可能的把加載速度降低，能快0.1秒就不要慢0.1秒。研究顯示，如果等待12秒以后，網(wǎng)頁(yè)還是沒(méi)有載入，那么99%以上的用戶會(huì)關(guān)閉這個(gè)網(wǎng)頁(yè)，不再等待。所以切片在我們的網(wǎng)站優(yōu)化中也是非常重要的一個(gè)環(huán)節(jié)，直接影響到用戶的體驗(yàn)和蜘蛛的抓取。
本文由安然SEO原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處：http://loudiseo.net
