Css Sprite，有時也稱為雪碧圖、精靈圖，是每一個前端開都會遇到的問題，也是常見的小圖片加載優(yōu)化手段。相信各位同學(xué)都清楚其原理，具體就不贅述了。

之前一直有動機利用html5實現(xiàn)一個合成雪碧圖的工具，方便小項目的快速開發(fā)，減少一些諸如開photoshop、fireworks等工具來合圖的機械勞動，最近終于抽出時間將構(gòu)思實現(xiàn)。

• 在線使用：http://alloyteam.github.com/gopng

• 使用介紹：http://www.alloyteam.com/?p=1050

Go!Png介紹：

目前實現(xiàn)的功能如下：

1. 支持圖片文件拖拽

2. 支持生成png圖片與css文件

3. 支持兩種自動排列的模式

4. 放大鏡功能

5. 磁力吸附對齊功能

6. 工作狀態(tài)導(dǎo)出功能，可以方便導(dǎo)出文件，在下一次操作通過拖放改文件來恢復(fù)工作狀態(tài)（包括圖片數(shù)據(jù)跟參數(shù)設(shè)置）

7. 支持Mac（Chrome） ：）