Joy Ho

摘要： 在前端页面性能优化的时候，不可避免地会遇到这个问题。我们又该如何选择呢？情景：有数量相当的小size图片方案1：使用CSS Sprites合并为一张大图方案2：使用base64直接把图片编码成字符串写入CSS文件针对方案1：1.兼容性比较好2.图片比较复杂时构造体积较小3.多处重用时无需重复图形内容... 阅读全文

摘要： 使用雪碧图的优点：减少加载网页图片时对服务器的请求次数可以合并多数背景图片和小图标，方便在任何位置使用，这样不同位置的请求只需要调用一个图片，从而减少对服务器的请求次数，降低服务器压力，同时提高了页面的加载速度，节约服务器的流量。提高页面的加载速度sprite 技术的其中一个好处是图片的加载时间(在... 阅读全文

摘要： 合成雪碧图Sprite工具1.国外的在线合成工具：http://csssprites.com/选择需要合并的文件----设置option选项（包括：元素的间距，排列方式，背景颜色，边框）-----点击generate按钮生成优点：自动合成，可以设置属性。缺点：文件必须一个个地去选择导入，不能够批量导... 阅读全文