
Css背景圖合並工具是一款網頁製作的輔助工具,用於網頁圖片處理。可以生成一個.sprite文件,記錄網頁中所有圖片的信息,通過這些信息把一個網頁中的所有圖片拚接成一個整體圖片,在打開網頁的時候,相當於加載一張圖片,不會出現一張張圖片等待加載的現象。
1、加快網頁加載速度
瀏覽器接受的同時請求數是10個,如果圖片過多會影響整體的視覺效果,而且對於不穩定的網絡帶寬,加載起來更是噩夢,所以把圖片拚接為一張大圖,從而加快加載速度,以及加速頁麵渲染
2、後期維護簡單
該工具可以直接通過選擇圖片進行圖片的拚接,當然你也可以自己挪動裏麵的圖片,自己去布局你的雪碧圖,直接生成代碼,簡單易用!
css背景圖合並工具使用說明
1、用PS或者dw把需要的圖片切下來
2.、打開軟件,進入軟件界麵

3、點擊左上角按鈕打開圖片,一次隻能打開一種類型的圖片文件

4、在生成圖片的時,同時生成.sprite文件,可以通過點擊按鈕【打開.sprite】按鈕,選擇.sprite文件,還原雪碧圖原視圖,.sprite與其中的圖片文件必須在同一文件夾內

5、可以選擇圖片的排布,也可以鼠標選中圖片拖動位置,拖動完成後程序會根據內部圖片的位置,生成麵積最小的雪碧圖,當然也會改變相應的圖片位置,點擊【+】和【-】按鈕,可以添加以及刪除圖片

6、可以生成根據需求sass代碼,以及css代碼,選中“是否是手機端”的時候會把所有的尺寸除以2,因為手機端往往會設計圖比較大,所以要縮放,建議生成圖片後再複製生成的代碼

7、點擊【生成雪碧圖】按鈕,程序會默認選中你在第3步的時候打開圖片的地址,然後點擊確定後生成雪碧圖。
生成的同時會生成.sprite文件
131.7M / 11-29
媒體製作
下載
13M / 09-29
視頻處理
下載
5.6M / 02-29
轉換翻譯
下載
autocad2014注冊機32/64位 綠色免費版
圖像處理 / 589KB
下載
1
電氣控製設計AutoCAD Electrical 2014中文特別版
圖像製作 / 3.22G
下載
2
Autodesk Fusion 360中文破解版
圖像製作 / 10M
下載
3
Adobe Photoshop CC 2017中文特別版18.1.0
圖像處理 / 249M
下載
4
360攝像機電腦版v7.4.7.0
錄像工具 / 37.0M
下載
5
HZDAN.SHX字體
圖像製作 / 436M
下載
6
tychpanel圖片排版神器v2.41漢化版
圖像處理 / 4.0M
下載
7
天正tkw文件免費版
圖像製作 / 97M
下載
8
Imagenomic Portraiture濾鏡v2.3.4 漢化版(32位/64位)
圖像處理 / 3.6M
下載
9
psdcodec 1.7縮略圖顯示工具
圖像處理 / 6.8M
下載
10
140.5M / 09-05
立即下載
76.4M / 03-25
立即下載
55M / 06-05
立即下載
237.9M / 04-13
立即下載
900.9M / 03-02
立即下載
96.2M / 07-06
立即下載
311.2M / 07-06
立即下載
335M / 07-06
立即下載
200M / 07-06
立即下載
413.8M / 07-06
立即下載
484.7M / 09-27
立即下載
165.4M / 09-05
立即下載
353.9M / 06-05
立即下載
131.8M / 04-13
立即下載
195.6M / 03-03
立即下載
45.6M / 09-08
立即下載
665.2M / 07-06
立即下載
2.84G / 07-06
立即下載
93M / 07-06
立即下載
338.3M / 07-06
立即下載
1.38G / 07-26
立即下載 488.3M / 07-16
立即下載 109.8M / 06-03
立即下載 142M / 01-08
立即下載 1.2M / 11-23
立即下載 548.8M / 04-13
立即下載 1.6M / 04-13
立即下載 1.48G / 03-18
立即下載 646.6M / 03-03
立即下載 133.7M / 03-03
立即下載 110.5M / 09-05
立即下載 33.4M / 09-05
立即下載 325.8M / 08-12
立即下載 60M / 04-29
立即下載 254M / 04-25
立即下載 659M / 04-23
立即下載 1M / 12-26
立即下載 253.4M / 12-08
立即下載 253M / 12-08
立即下載 1.19G / 11-16
立即下載 369M / 09-22
立即下載 181.5M / 09-22
立即下載 201.2M / 09-05
立即下載 488.3M / 07-16
立即下載 248.9M / 12-08
立即下載 248.9M / 12-08
立即下載 100.6M / 03-06
立即下載 148.9M / 03-06
立即下載 1.12G / 07-06
立即下載 1.25G / 07-06
立即下載 1.76G / 09-22
立即下載 1.92G / 04-17
立即下載 116.2M / 04-10
立即下載 201.5M / 04-13
立即下載 7.31G / 07-01
立即下載 94.3M / 07-06
立即下載 2.48G / 07-06
立即下載 7.63G / 07-06
立即下載 1M / 07-06
立即下載 778.1M / 07-06
立即下載 561.8M / 07-11
立即下載 72M / 07-06
立即下載 548.7M / 07-06
立即下載 1.00G / 07-06
立即下載 9.13G / 07-06
立即下載 126.2M / 07-06
立即下載 72M / 07-06
立即下載 105.1M / 07-06
立即下載 132M / 07-06
立即下載 132M / 07-06
立即下載