网页使用DIV+CSS开发,当页面图片过多时,网页加载会对网站服务器造成一定压力,通过将多个图片合并为一张,可以有效减少网络数据读取,搭配合理的情况下,可以有效地提升网页速度;另外,借助 css sprite雪碧图生成小工具 的特性可以进行图片提前加载处理。
使用雪碧图的优点有以下几点:
将多张图片合并到一张图片中,可以减小图片的总大小。
将多张图片合并成一张图片后,下载全部所需的资源,只需一次请求。可以减小建立连接的消耗。
使用方法:
打开css sprite,选择包含有PNG图片的文件夹打开多幅图片,可选图片竖排与横排,点击生成雪碧图即可。
支持生成手机端代码,支持生成sass/css/less代码。