雷火电竞官网-中国知名电竞赛事平台

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

【功能特點】

　　1、利用 Css Sprite Tools 能很好地減少了網頁的http請求，從而大大的提高了頁面的性能，這也是Css Sprite Tools最大的優點，也是其被廣泛傳播和應用的主要原因;

　　2、能減少圖片的字節，曾經比較過多次3張圖片合并成1張圖片的字節總是小于這3張圖片的字節總和。

　　3、解決了網頁設計師在圖片命名上的困擾，只需對一張集合的圖片上命名就可以了，不需要對每一個小元素進行命名，從而提高了網頁的制作效率。

　　4、更換風格方便，只需要在一張或少張圖片上修改圖片的顏色或樣式，整個網頁的風格就可以改變。維護起來更加方便。

【軟件特色】

　　1.加快網頁加載速度

　　瀏覽器接受的同時請求數是10個，如果圖片過多會影響整體的視覺效果，而且對于不穩定的網絡帶寬，加載起來更是噩夢，所以把圖片拼接為一張大圖，從而加快加載速度，以及加速頁面渲染。

　　2.后期維護簡單

　　該工具可以直接通過選擇圖片進行圖片的拼接，當然你也可以自己挪動里面的圖片，自己去布局你的雪碧圖，直接生成代碼，簡單易用。

【使用方法】

　　1.用ps或者dw把需要的圖片切下來

　　2.打開 Css Sprite Tools

　　下載安裝并運行exe文件

　　3.打開圖片

　　點擊左上角按鈕，選擇多幅小背景圖片，點擊打開按鈕

　　4.排布圖片

　　可以選擇上面的最上面按鈕今天橫豎的默認排布，也可以鼠標選中圖片拖動位置，拖動完成后程序會根據內部圖片的位置生成面積最小的雪碧圖，當然也會改變相應的圖片位置

　　5.代碼生成

　　在程序中可以生成sass代碼，以及css代碼，看自己需要嘛，自己選擇，選中“是否是手機端”的時候會把所有的尺寸除以2，因為手機端往往會設計圖比較大，所以要縮放，建議生成圖片后再復制生成的代碼

　　6.保存雪碧圖

　　點擊“生成雪碧圖”按鈕，程序會默認選中你在第3步的時候打開圖片的地址，然后點擊確定后生成雪碧圖。