CSS Sprites是一个网页图片处理方式,在国内都叫CSS精灵,css Sprites允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了,这样可以降低客户端对服务器的请求,节省资源;css Sprites技术很负责,难度在于合并图片后如何定位,如何正确获取指定坐标位置的图片,我开始学习的时候也是慢慢摸索出来的,想在网上在这方面详细教程很少,对于新手可以使用一些工具来帮助自己完成css Sprites处理,今天蓝叶就分享几个css Sprites技术的几个在线工具,方便图片合并和定位,在线工具具体怎么用就不多介绍了,很简单的上传图片进行合并,上传合并后图片点击图片中的小图片自动后去位置坐标和CSS代码。
CSS Sprites在线合并图片:http://cn.spritegen.website-performance.org/
CSS Sprites在线获取图片坐标:http://www.spritecow.com/
免责声明:
本页网址:点击复制分享给朋友吧!
本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!
但不适合用户修改,尤其是不适合我这样不熟悉这种合并格式的人修改。如果不合并的话我还可以找到代码弄个同名图片替换修改一下,但很多时候查到代码再找文件夹看到的都是一长条是整体合并图片,就直接傻眼了- -