雪碧图（图片拼合技术）

标签：网页   占用   比较   坐标   image   图片路径   height   软件   利用   

雪碧图 (sprite)是一种图片拼合技术；

使用方法：

1.定视口

width: xx px;

height: xx px;

2.插图

background-image: url("图片路径");

3.移动位置

background-position: x轴坐标 y轴坐标；

优点：将小图标拼合到一张图片里，占用内存少，对开发人员来说就不用麻烦给每个小图标命名，还可以有效地加快网页的加载速度，可以有效增强用户体验；

缺点：需要利用相关图片查看软件找到每个小图标的准确坐标，相对来说比较繁琐；

雪碧图（图片拼合技术）

标签：网页   占用   比较   坐标   image   图片路径   height   软件   利用   

原文地址：https://www.cnblogs.com/hg845740143/p/12080308.html