使用TexturePacker一键生成CSS sprites

为什么80%的码农都做不了架构师？>>>   

先来简单介绍一下CSS sprites，这是干嘛用的。众所周知，我们在设计网页时，会有很多很多的网页小元素，例如导航按钮，社交图标，网站背景图等等。一般情况下，这些图片都是单独形式存在的，对于每一张图片，在网页加载时都属于独立的http请求。但使用CSS sprites，则会将所有的小图片整合到一张图片中，网页加载只需要对一张图片进行请求，CSS再通过坐标的形式定位每一个小图片显示出来。这样有什么好处呢，个人认为最大的好处是，大大减少http请求数，提高网页加载速度。细心的朋友应该会发现小编的博客也使用了该技术。

CSS sprites是TexturePacker一大功能，你只要将所有网页小图片添加到TexturePacker，然后设置文件导出格式为css，即可快速生成一张整合后的图片和css文件，这对网页前端设计师来说是不可多得的高效率工具。

当然文章在最前面也说过，TexturePacker的功能远远不止这些，你还可以用它来生成程序所需的框架，如Cocos2d，Corona(TM) SDK ，Gideros ，Sparrow ，LibGDX，LimeJS 和Moai等。

下载TexturePacker：官方网站

http://www.codeandweb.com/texturepacker

http://www.codeandweb.com/physicseditor

http://twitter.com/CodeAndWeb

转载于:https://my.oschina.net/mycbb/blog/215016