什么是cssspriteCSSsprite在国内很多人称之为csssprite,是一种处理网页图片应用的方式。它可以让你将一个页面中涉及的所有零星图片都包含到一张大图片中,这样当你访问该页面时,加载的图片就不会像以前那样慢慢地一张一张地显示了起来。为什么要用这个工具1.加快网页加载速度,浏览器同时接受的请求数为10,图片过多会影响整体视觉效果,对于网络带宽不稳定,加载均匀更多的是噩梦,所以把图片拼接成一张大图,这样可以加快加载速度和页面渲染2.后期维护方便本工具可以直接选择图片拼接图片。当然,你也可以移动里面的图片,自己布置你的sprite图片。直接生成代码,简单易用3.开源本程序已经在github上开源,地址:https://github.com/iwangx/spritecsdn下载地址(不要分)http://download.csdn.net/detail/wx247919365/8641795使用方法1.用ps或者dw剪出需要的图片2.打开CssSprite.exe打开CssSprite.exe文件,我把下载地址放在下面3.打开图片点击里面的按钮左上角打开图片选择多张图片,点击打开按钮4.图片排列,可以在上面最上面的按钮选择今日横竖排默认布局,也可以选择图片的位置图片用鼠标拖动。拖拽完成后,程序会根据内部图片的位置生成面积最小的精灵图片。当然,它也会改变相应图片的位置。5.程序中的代码生成,可以生成SASS代码和CSS代码,具体取决于您自己的需求,您自己选择,当您选择“它是否是移动终端”时,所有尺寸都将划分为2,因为设计手机上的图往往比较大,需要放大。建议生成图片后复制生成的代码。地址,点击确定生成精灵图。
