在线CSS雪碧图合成工具
批量上传图标素材，一键合并雪碧图，自动生成CSS背景定位代码，前端网页图标雪碧图快速制作
📥 素材上传区域
点击或者拖拽图片到此区域上传
支持PNG、JPG、WebP，支持多选批量上传图标素材
⚙️ 雪碧图生成参数配置
📷 已上传图标素材（共0张）
📤 生成结果
📖 工具使用说明
在线CSS雪碧图合成工具使用方法
- 批量上传网页小图标，一次性合并生成一张雪碧图片，减少网页http请求，优化前端页面加载速度。
- 支持三种图片布局模式：横向平铺、纵向平铺、紧凑自动分行布局，按需选择。
- 自定义图片间隙大小，设置CSS类名前缀，自动生成background-position定位样式代码。
- 支持PNG、WebP、JPG图片导出，透明图标优先选择PNG格式。
- 全部图片处理在本地浏览器完成，图片不上传服务器，保护图标素材安全，适合前端开发、网站图标制作。
- 生成完成后可以直接下载雪碧图片，一键复制CSS代码，粘贴到项目中直接使用。