Css Sprite Tools 是一款專(zhuān)業(yè)實(shí)用的CSS圖片合成軟件。該款工具可以將CSS中定義的小背景圖片合成為一張大的背景圖，減少服務(wù)器的http連接數(shù)，加快網(wǎng)站訪問(wèn)速度，支持背景定位和數(shù)字準(zhǔn)確定位背景圖片位置。

【功能特點(diǎn)】

　　1、利用 Css Sprite Tools 能很好地減少了網(wǎng)頁(yè)的http請(qǐng)求，從而大大的提高了頁(yè)面的性能，這也是Css Sprite Tools最大的優(yōu)點(diǎn)，也是其被廣泛傳播和應(yīng)用的主要原因;

　　2、能減少圖片的字節(jié)，曾經(jīng)比較過(guò)多次3張圖片合并成1張圖片的字節(jié)總是小于這3張圖片的字節(jié)總和。

　　3、解決了網(wǎng)頁(yè)設(shè)計(jì)師在圖片命名上的困擾，只需對(duì)一張集合的圖片上命名就可以了，不需要對(duì)每一個(gè)小元素進(jìn)行命名，從而提高了網(wǎng)頁(yè)的制作效率。

　　4、更換風(fēng)格方便，只需要在一張或少?gòu)垐D片上修改圖片的顏色或樣式，整個(gè)網(wǎng)頁(yè)的風(fēng)格就可以改變。維護(hù)起來(lái)更加方便。

【軟件特色】

　　1.加快網(wǎng)頁(yè)加載速度

　　瀏覽器接受的同時(shí)請(qǐng)求數(shù)是10個(gè)，如果圖片過(guò)多會(huì)影響整體的視覺(jué)效果，而且對(duì)于不穩(wěn)定的網(wǎng)絡(luò)帶寬，加載起來(lái)更是噩夢(mèng)，所以把圖片拼接為一張大圖，從而加快加載速度，以及加速頁(yè)面渲染。

　　2.后期維護(hù)簡(jiǎn)單

　　該工具可以直接通過(guò)選擇圖片進(jìn)行圖片的拼接，當(dāng)然你也可以自己挪動(dòng)里面的圖片，自己去布局你的雪碧圖，直接生成代碼，簡(jiǎn)單易用。

【使用方法】

　　1.用ps或者dw把需要的圖片切下來(lái)

　　2.打開(kāi) Css Sprite Tools

　　下載安裝并運(yùn)行exe文件

　　3.打開(kāi)圖片

　　點(diǎn)擊左上角按鈕，選擇多幅小背景圖片，點(diǎn)擊打開(kāi)按鈕

　　4.排布圖片

　　可以選擇上面的最上面按鈕今天橫豎的默認(rèn)排布，也可以鼠標(biāo)選中圖片拖動(dòng)位置，拖動(dòng)完成后程序會(huì)根據(jù)內(nèi)部圖片的位置生成面積最小的雪碧圖，當(dāng)然也會(huì)改變相應(yīng)的圖片位置

　　5.代碼生成

　　在程序中可以生成sass代碼，以及css代碼，看自己需要嘛，自己選擇，選中“是否是手機(jī)端”的時(shí)候會(huì)把所有的尺寸除以2，因?yàn)槭謾C(jī)端往往會(huì)設(shè)計(jì)圖比較大，所以要縮放，建議生成圖片后再?gòu)?fù)制生成的代碼

　　6.保存雪碧圖

　　點(diǎn)擊“生成雪碧圖”按鈕，程序會(huì)默認(rèn)選中你在第3步的時(shí)候打開(kāi)圖片的地址，然后點(diǎn)擊確定后生成雪碧圖。