码迷,mamicode.com
首页 > 其他好文 > 详细

雪碧图(图片拼合技术)

时间:2019-12-22 18:25:09      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:网页   占用   比较   坐标   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!