雪碧图（图片拼合技术）
Posted hg845740143
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了雪碧图（图片拼合技术）相关的知识，希望对你有一定的参考价值。
雪碧图 (sprite)是一种图片拼合技术；
使用方法：
1.定视口
width: xx px;
height: xx px;
2.插图
background-image: url("图片路径");
3.移动位置
background-position: x轴坐标 y轴坐标；
优点：将小图标拼合到一张图片里，占用内存少，对开发人员来说就不用麻烦给每个小图标命名，还可以有效地加快网页的加载速度，可以有效增强用户体验；
缺点：需要利用相关图片查看软件找到每个小图标的准确坐标，相对来说比较繁琐；
以上是关于雪碧图（图片拼合技术）的主要内容，如果未能解决你的问题，请参考以下文章