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
轉換翻譯
下載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
立即下載