下面就來說說切圖這點事兒吧.
一:圖片怎么切?
1.切片:
先啰嗦一下幾個基礎概念.切片:制圖軟件或網頁制作軟件中,把圖像切成幾部分,一片一片晚上傳,這樣上傳的速度比較快.切片工具主要是用來將大圖片分解為幾張小圖片，這個功能用在網頁中比較多，因為現在的網頁中圖文並茂，也正因如此打開一個網頁所須的時間就比較長，為了不讓瀏覽網頁的人等等時間太長，所以他們將圖片切為幾個小的來組成。
切圖原則:
a.先總體,再局部.即先划分模塊,再把大切片划分成小切片.
a.從大小來說,如果背景圖比較大,那么盡量把背景圖切片,一張切片控制在100kb以內.
c.從顏色來說,盡量把同樣的顏色的分一塊,這樣可以讓圖片體積更小;
光說太抽象了,就以我最近做得"鹿鼎記"頁面為例吧.(大家可以點擊"鹿鼎記"的鏈接查看真實的效果);
效果是這樣(截取上半部分)
這么大張圖片,一定得切.切得時候"先總體,再局部",就是說先把大的布局或模塊確定下來,再到具體的模塊里面去細分.像下面,我就先把這張大圖分解成三個部分.
2.保存:
jpgORpng?
保存的時候記住不是選擇"保存',而是選擇"存儲成Web所需的格式",之后進入設置圖片參數和格式的窗口,你可以設置把圖片的保存成"gif/png/jpg",格式,很多人提倡說png格式怎么好,但是要注意,如果你的色彩是很豐富的那種,那保存成"jpg"格式,同一張圖片只有"png"格式的幾分之一大,如"1/4",而當你保存單張背景是透明的圖片時,選"保存"就行了,一般都是保存為"png"格式.
二:切完后怎么辦?
其實,很多人都忽略了,切完圖片之后還可以用"圖片優化工具",現在很多圖片優化工具可以在不影響圖片質量的前提下,急把圖片上附加的相關信息給去掉等,來減少圖片的體積.如,這里是切完圖之后的幾張圖片的信息.
當我用smush.it優化完之后,則是
我用的這個圖形優化工具是:Smush.it
轉載自：http://www.cnblogs.com/lanyueer/archive/2011/07/29/2117854.html