精灵图生成器
上传与配置
拖拽图片到此处，或点击选择图片
px
预览与输出
精灵图预览
上传图片后点击「生成精灵图」查看预览
CSS 代码
功能说明
将多张小图标合并为一张 CSS 精灵图（雪碧图），同时自动生成对应的 CSS 代码与背景定位坐标。精灵图技术可将多个小图合并为单张图片，减少浏览器 HTTP 请求次数，从而加快页面加载速度。
使用方式
1. 将需要合并的图片拖拽到左侧上传区，或点击上传区选择文件；2. 在「图片间距」中设置各图之间的像素间距；3. 点击「生成精灵图」，右侧即时预览合并结果并输出 CSS 代码；4. 点击「复制 CSS」获取样式代码，或「下载图片」保存精灵图。
常见问题
支持哪些图片格式？支持 PNG、JPG、GIF、WebP 等浏览器原生支持的图片格式，输出为 PNG。
图片有数量限制吗？无固定限制，但图片越多合成后的精灵图越宽，建议控制在合理数量以内。
数据是否会上传？所有图片处理均在浏览器本地完成，不会上传到服务器，隐私安全有保障。
