雪碧圖制作工具是一款集合了網(wǎng)頁的開發(fā)、合成雪碧圖標(biāo)的工具；通過這款軟件，可以快速的改善用戶這進(jìn)行制作雪碧圖的時候，需要操作的步驟，如果您還擁有這方面的煩惱，就趕快這河?xùn)|軟件園將css雪碧圖制作工具下載來使用試試吧，友好的用戶界面，讓您這操作的時候，更加的得心應(yīng)手，上手的速度快，輕松的即可享受到CSS雪碧圖網(wǎng)頁開發(fā)技術(shù)！

軟件功能

　　可批量添加素材，可支持從資源管理器拖入素材；

　　靈活強大的排列和對齊功能；

　　自由托拽、靈活移動和改變大?。?/p>

　　可生成三態(tài)按鈕背景圖、導(dǎo)航欄背景圖，tab標(biāo)簽頁背景圖等；

　　實用的查找功能；

　　支持設(shè)計稿的反復(fù)修改，輕松替換舊的素材(比如老板或客戶不喜歡某個圖標(biāo)素材，要換成他們喜歡的，用本軟件就對了)；

　　便攜式設(shè)計稿文件(*.cssbg格式)，單個文件內(nèi)嵌所有素材,如同photoshop的*.psd格式文件；

　　軟件目錄里提供了4個經(jīng)典的“設(shè)計稿案例”，讓您快速掌握軟件的使用方法。

軟件特色

　　1、加快網(wǎng)頁加載速度

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

　　2、后期維護(hù)簡單

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

快捷鍵大全

　　01單選鼠標(biāo)左鍵點擊素材(不推薦，因為容易不小心移動了素材), 或CTRL+鼠標(biāo)右鍵點擊素材(強烈推薦)

　　02選擇鄰居↑↓← → 其中的任意一個鍵

　　03多選SHIFT+鼠標(biāo)連續(xù)點擊多個素材,或拖出虛線框圍繞多個素材

　　04全選CTRL+A

　　05取消選擇CTRL+Z 或單擊畫布空白處

　　06添加素材INSERT 或從資源管理器拖入

　　07刪除素材選中素材后，按DELETE

　　08上移選中素材后，按CTRL+↑

　　09下移選中素材后，按CTRL+↓

　　10左移選中素材后，按CTRL+←

　　11右移選中素材后，按CTRL+→

　　12快速上移選中素材后，按CTRL+SHIFT+↑

　　13快速下移選中素材后，按CTRL+SHIFT+↓

　　14快速左移選中素材后，按CTRL+SHIFT+←

　　15快速右移選中素材后，按CTRL+SHIFT+→

　　16擴(kuò)大寬度選中素材后，按SHIFT+→

　　17縮小寬度選中素材后，按SHIFT+←

　　18擴(kuò)大高度選中素材后，按SHIFT+↑

　　19縮小高度選中素材后，按SHIFT+↓

　　20修改素材屬性選中素材后（單選），按F8

　　21保存設(shè)計稿CTRL+S

　　22導(dǎo)出選中的素材選中素材后，按CTRL+E

　　23生成雪碧圖F9

　　24改變坐標(biāo)位置鼠標(biāo)左鍵雙擊畫布空白區(qū)域或拖動

　　25將選中的素材移動到...選中素材后（單選），按F7

使用方法

　　工具欄和右鍵菜單術(shù)語

　　工具欄 分為常用工具欄、對齊工具欄；

　　右鍵菜單 必須單選一個素材，然后點擊鼠標(biāo)右鍵，才會出現(xiàn)右鍵菜單.

　　排列對齊

　　(1)添加多個素材時，設(shè)置各素材之間的排列參數(shù)

　　(2)選擇多個素材后，再用對齊工具欄進(jìn)行對齊

　　對齊工具欄包含6個功能按鈕，分別是上對齊按鈕、下對齊按鈕，左對齊按鈕、右對齊按鈕、水平等分按鈕、垂直等分按鈕。

　　交換位置

　　步驟1 選中一個素材，然后在右鍵菜單中選擇"設(shè)置目標(biāo)"

　　設(shè)置目標(biāo)后，素材將顯示紅色加粗的外框

　　步驟2 選中另一個素材，然后在右鍵菜單中選擇"與目標(biāo)交換位置"

　　導(dǎo)出素材

　　可點擊常用工具欄“導(dǎo)出素材”按鈕

　　或選中一個素材后,在右鍵菜單里選擇"導(dǎo)出選中的素材"及"導(dǎo)出所有素材"菜單項目

常見問題

　　(1)如何制作三態(tài)按鈕圖？

　　答:您需要準(zhǔn)備3張素材圖片，一張是默認(rèn)狀態(tài)的按鈕背景圖，一張是鼠標(biāo)移動到按鈕上的背景圖、一張是鼠標(biāo)點擊按鈕時的背景圖。

　　然后把這3個素材添加到設(shè)計稿，再分別設(shè)置3個素材的屬性。三態(tài)組名必須相同(如都設(shè)為"mybutton")，三態(tài)類型依次選擇"link","hover","active".

　　如不需要制作三態(tài)圖，請不要填寫三態(tài)組名和三態(tài)類型。

　　(2)為什么將素材添加到畫布后，素材的尺寸變小了、并且只顯示素材的一部分圖像？

　　答:這是因為軟件對素材尺寸進(jìn)行了限制，保證畫布的范圍內(nèi)能排列更多的素材。

　　如素材顯示尺寸比原始尺寸小，可通過右鍵菜單->"自適應(yīng)圖片大小"來讓素材按原始尺寸進(jìn)行顯示。

　　當(dāng)您不小心縮小或擴(kuò)大了素材的顯示尺寸，都可通過右鍵菜單->"自適應(yīng)圖片大小"來恢復(fù)之前的尺寸。