TexturePacker是一款把若干資源圖片拼接為一張大圖的工具。網頁設計師前臺制作css的時候，為了提高載入速度，往往把很多小圖拼接成一張大圖，一次載入，減少I/O，提高速度。這個好懂吧。
所以不管怎么樣，“拼大圖”這個流程不可少。小編推薦用TexturePacker，拼圖更專業。
TexturePacker這個詞從字面來說就是Texture（紋理） + Packer（打包）。當然TexturePacker的功能遠遠不止這些，你還可以用它來生成程序所需的框架，如Cocos2d，Corona(TM) SDK ，Gideros ，Sparrow ，LibGDX，LimeJS 和Moai等。
CSS sprites是TexturePacker一大功能，你只要將所有網頁小圖片添加到TexturePacker，然后設置文件導出格式為css，即可快速生成一張整合后的圖片和css文件，這對網頁前端設計師來說是不可多得的高效率工具。
什么是CSS sprites：
先來簡單介紹一下CSS sprites。眾所周知，我們在設計網頁時，會有很多很多的網頁小元素，例如導航按鈕，社交圖標，網站背景圖等等。一般情況下，這些圖片都是單獨形式存在的，對于每一張圖片，在網頁加載時都屬于獨立的http請求。但使用CSS sprites，則會將所有的小圖片整合到一張圖片中，網頁加載只需要對一張圖片進行請求，CSS再通過坐標的形式定位每一個小圖片顯示出來。這樣有什么好處呢，最大的好處是，大大減少http請求數，提高網頁加載速度。
TexturePacker神馬優點：
TexturePacker有windows版。
TexturePacker有免費功能限制版。（你若要求不太高，TexturePacker夠你用）
TexturePacker支持pvr格式。
TexturePacker支持命令行集成。
TexturePacker的兄弟軟件PhysicsEditor同樣是很好的物理建模工具。
TexturePacker怎么用？
1、打開TexturePacker
2、我的圖片資源存放在F:/_data/vPuzzle/resource.work，如果你喜歡，你可以把整個文件夾拖到右邊的①區，下圖是拖進去以后的模樣。
3、但是往往我們不想一股腦把所有圖片合在一張超大的圖中，所以我個人比較喜歡手動添加圖片，這樣便于控制。
新聞熱點
疑難解答
圖片精選
