Skip to content
hongyangwu
搜索文档
K
Main Navigation
⭐ 前端
✨ Web
✨ HTML
✨ CSS
✨ JavaScript
✨ Jquery
✨ Vue
✨ React
✨ TypeScript
✨ Flutter
✨ 前端工程化
✨ Echarts
✨ Electron
⭐ 后端
✨ Node
✨ Java
✨ Mysql
✨ Python
✨ 算法
⭐ 面试
✨ 前端面试
✨ flutter 面试题
⭐ 笔记
✨ 项目笔记
✨ leetcode
⭐ 资料
✨ 前端编程语言
✨ 后端编程语言
✨ 网站收藏
⭐ 其他
✨ 常用知识与工具
✨ 英语学习
主题
菜单
回到顶部
页面导航
Table of Contents for current page
雪碧图
概念:将多个⼩图⽚拼接到⼀个图⽚中。通过
background-position
和元素尺⼨调节需要显示的背景图案。
优点:
减少
HTTP
请求数,极⼤地提⾼⻚⾯加载速度
增加图⽚信息重复度,提⾼压缩⽐,减少图⽚⼤⼩
更换⻛格⽅便,只需在⼀张或⼏张图⽚上样式
缺点:
图⽚合并麻烦
维护麻烦,修改⼀个图⽚可能需要从新布局整个图⽚,样式