您的位置:首页 >科技 >正文

科技常识:CSS Sprites图片合并代码

今天小编跟大家讲解下有关CSS Sprites图片合并代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS Sprites图片合并代码 的相关资料,希望小伙伴们看了有所帮助。

实现方法: 首先将小图片整合到一张大的图片上 然后根据具体图标在大图上的位置 给背景定位。 复制代码代码如下: .icons{background-position:-8px -95px;} 使用技巧: 小图片排列方面:颜色相近的图片放在一起 可以减少输出的色数 进一步降低文件体积。 整合图片生成方面:PNG8的图像比GIF图像要小30%左右 通过工具再压缩:fireworks生成的PNG比photoshop更小 而一些专用的压缩软件也可以让图片再小一些。

来源:爱蒂网

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,多谢。