什么是 CSS 精灵图？
CSS 精灵图（Sprite）将多张图标合并为一张图片，配合 background-position 在页面中展示需要的部分。
它可以显著减少浏览器发起的图片请求数量，是前端性能优化的常用手段。
如何使用
三步生成精灵图：
- 上传多张图片（最多 40 张）。
- 选择水平、垂直或网格布局，并调整间距。
- 点击「生成」下载精灵图并复制 CSS 代码。
小贴士
- 建议先统一图标尺寸，精灵图更整齐。
- PNG 格式可保留透明背景，适合图标。
- 生成的 CSS 使用相对路径 sprite.png，请按实际存放位置调整。