今天小编跟大家讲解下有关CSS Sprites图片合并代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS Sprites图片合并代码 的相关资料,希望小伙伴们看了有所帮助。
实现方法: 首先将小图片整合到一张大的图片上 然后根据具体图标在大图上的位置 给背景定位。 复制代码代码如下: .icons{background-position:-8px -95px;} 使用技巧: 小图片排列方面:颜色相近的图片放在一起 可以减少输出的色数 进一步降低文件体积。 整合图片生成方面:PNG8的图像比GIF图像要小30%左右 通过工具再压缩:fireworks生成的PNG比photoshop更小 而一些专用的压缩软件也可以让图片再小一些。来源:爱蒂网