纯粹工具站
工具导航
站点地图
GitHub
提交缺陷
English
安装此页面为应用
免费在线雪碧图生成器 - 纯粹工具站
免费在线雪碧图生成器:多图合并生成 sprite PNG,并导出坐标 JSON 与基础 CSS(纯前端本地处理)。
编辑此工具
免费在线雪碧图生成器,支持上传多张图片并使用本地算法合并为一张 sprite PNG,支持设置最大宽度与 padding,并导出每张子图的坐标与尺寸(JSON),同时生成可直接使用的背景定位 CSS。纯前端本地运行不上传图片,适合前端性能优化与资源打包。
选择图片
按文件名排序
清空
已选 0 张
生成雪碧图
输入图片
请选择多张图片生成雪碧图。
布局设置
最大宽度(px)
padding(px)
背景
透明
白色
说明:使用简单的"货架(shelf)"排布算法:按高度排序后逐行摆放,适合快速生成雪碧图。
坐标导出
复制 JSON
复制 CSS