網(wǎng)友評(píng)分: 5.8分
Css Sprite Tools 是一款專業(yè)實(shí)用的CSS圖片合成軟件。該款工具可以將CSS中定義的小背景圖片合成為一張大的背景圖,減少服務(wù)器的http連接數(shù),加快網(wǎng)站訪問速度,支持背景定位和數(shù)字準(zhǔn)確定位背景圖片位置。
1、利用 Css Sprite Tools 能很好地減少了網(wǎng)頁的http請(qǐng)求,從而大大的提高了頁面的性能,這也是Css Sprite Tools最大的優(yōu)點(diǎn),也是其被廣泛傳播和應(yīng)用的主要原因;
2、能減少圖片的字節(jié),曾經(jīng)比較過多次3張圖片合并成1張圖片的字節(jié)總是小于這3張圖片的字節(jié)總和。
3、解決了網(wǎng)頁設(shè)計(jì)師在圖片命名上的困擾,只需對(duì)一張集合的圖片上命名就可以了,不需要對(duì)每一個(gè)小元素進(jìn)行命名,從而提高了網(wǎng)頁的制作效率。
4、更換風(fēng)格方便,只需要在一張或少?gòu)垐D片上修改圖片的顏色或樣式,整個(gè)網(wǎng)頁的風(fēng)格就可以改變。維護(hù)起來更加方便。
1.加快網(wǎng)頁加載速度
瀏覽器接受的同時(shí)請(qǐng)求數(shù)是10個(gè),如果圖片過多會(huì)影響整體的視覺效果,而且對(duì)于不穩(wěn)定的網(wǎng)絡(luò)帶寬,加載起來更是噩夢(mèng),所以把圖片拼接為一張大圖,從而加快加載速度,以及加速頁面渲染。
2.后期維護(hù)簡(jiǎn)單
該工具可以直接通過選擇圖片進(jìn)行圖片的拼接,當(dāng)然你也可以自己挪動(dòng)里面的圖片,自己去布局你的雪碧圖,直接生成代碼,簡(jiǎn)單易用。
1.用ps或者dw把需要的圖片切下來
2.打開 Css Sprite Tools
下載安裝并運(yùn)行exe文件
3.打開圖片
點(diǎn)擊左上角按鈕,選擇多幅小背景圖片,點(diǎn)擊打開按鈕
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í)候打開圖片的地址,然后點(diǎn)擊確定后生成雪碧圖。
FXhome Imerge(照片合成編輯軟件) V1.2.0 破解版 191.13M | 英文 | 8
下載GIF助手PC版 V3.5.4 官方最新版 19.77M | 簡(jiǎn)體中文 | 10
下載IMDisplay(圖片編輯合成軟件) V1.0 官方版 33.39M | 簡(jiǎn)體中文 | 8
下載Morpheus Photo Mixer(圖片混合軟件) V3.17 官方版 4.09M | 英文 | 0
下載ptgui12破解版 V12.0 免費(fèi)中文版 26.75M | 簡(jiǎn)體中文 | 4.1
下載simply hdr(照片合成軟件) V3.25 最新免費(fèi)版 95.95M | 簡(jiǎn)體中文 | 5.9
下載關(guān)于本站|下載幫助|下載聲明|軟件發(fā)布|聯(lián)系我們
Copyright ? 2005-2024 hanheng168.com.All rights reserved.
浙ICP備06019006號(hào)-1 浙公網(wǎng)安備33038102330474號(hào)