图片与 GIF → 可用精灵图集

免费精灵图表制作工具

让零散的帧,成为下一段冒险。上传图片或 GIF,整理动作序列,导出可用于游戏的精灵图集。

还没有准备素材?去生成素材
  • 永久免费
  • 无需注册
  • 本地处理
  • 多种格式下载
01 / 三步制作

三步制作 Sprite Sheet 精灵图表

从美术素材到游戏资源,只需三步

01

添加图片或 GIF

在图片序列模式拖入 PNG、JPG 或静态 WebP,也可以切换至 GIF 模式提取动画。图片按文件名自然排序,run-2 会排在 run-10 前面。还没有素材时,可以先去首页生成素材,再回到这里整理帧序列。

02

排列并检查每一帧

选择网格、横向或纵向排列,设置列数、外边距和帧间距,为不同尺寸图片选择对齐方式。在动画预览中检查缺帧、错序等问题,导出前拖动帧手柄修正顺序。

03

下载可用的素材文件

下载透明 PNG 精灵图表,也可把 JSON、CSS、XML 或动画 GIF 一并打进 ZIP,或直接在精灵图切割工具中打开结果,在当前标签页传递网格参数、帧名称与时长。

02 / 图表能力

围绕帧序列设计的精灵图表生成器

将多张静态图片或一个 GIF 动画制作成整齐的精灵图表。这款免费的在线精灵图表制作工具支持帧对齐、动画检查,以及 PNG 和可选 JSON 元数据导出,无需注册账户。

01

GIF 转 Sprite Sheet,还原完整动画帧

GIF 可能只存储相邻帧间发生变化的像素。GIF 转精灵图表时,工具会还原每个时刻的完整图像,并处理透明区域及帧清除规则。原始帧时长可用于动画预览和 JSON 导出,也可以统一设置 FPS。

02

多图合成精灵图表,不拉伸原图

合并图片时,以最大源图宽度和高度确定统一单元格,较小图片保持原始尺寸。底部居中有助于角色共享基线,居中和左上对齐适合特效或界面素材。源图的透明边距会保留,除非你打开「裁掉透明边」。

03

导出前检查动画效果

在整张图表和精灵动画预览间切换,同时检查排布与动作。可以暂停、逐帧前进后退并比较播放速度。像素化显示让小尺寸精灵保持清晰;预览缩放仅影响显示,不会改变导出 PNG 的分辨率。

03 / 使用场景

将 PNG 转为 Sprite Sheet,服务真实游戏工作流

角色移动与动作循环

将短段行走、跳跃或攻击序列放入规则网格,用于游戏原型。按播放顺序排好帧,再检查每个单元格底部的接触点。如果角色依然上下跳动,请检查源图中的透明边距;对齐功能无法自动判断角色脚部的位置。

特效、图标与已有动画

小型特效可以采用横向条带,图标或动画帧可采用紧凑网格。如果已有完整 GIF,可直接提取帧。这款精灵图表制作工具负责整理已有画作,不会生成中间帧,也不会把单张静态图自动变成新的角色动画。

04 / 导出说明

精灵图表参数与导出说明

列数、外边距与帧间距

列数决定网格每行容纳多少个单元格。外边距在整张图表四周留白,帧间距则分隔相邻单元格。两者用途不同:在引擎中填错帧间距,可能让相邻精灵的像素混入当前帧。调整参数时,输出尺寸会实时更新。

透明 PNG 与 JSON 坐标

默认导出透明背景;选择纯色后,该颜色会写入 PNG。JSON 使用 TexturePacker 风格的 Hash 结构,包含唯一文件名、源尺寸、帧矩形与时长。同一 ZIP 也可包含 JSON Array、CSS、XML 或动画 GIF。PNG 网格切片与 JSON 图集导入是两种流程,可参考导出区的引擎说明。

浏览器处理上限

文件在本地处理,无需上传接口。输入合计上限为 50 MiB、256 帧,解码后累计不超过 3200 万像素。单张源图或输出图表单边不超过 8192 像素,面积不超过 1600 万像素。达到上限时请减小尺寸或拆分长动画。刷新页面会清空工作台。

06 / 制作常见问题

精灵图表制作工具常见问题

关于导出、GIF 时长、以及这款免费工具做不到的事。

在线精灵图表制作工具真的免费吗?

是的。合并图片、提取 GIF 帧、预览与下载都免费,无需注册。AI 素材生成属于独立产品流程,不是获得导出图表前必须完成的步骤。

JPG 可以制作透明精灵图表吗?

JPG 帧之间的空白区域可以透明,但 JPG 自身没有透明通道,原有背景像素会保留。如果需要透明的角色轮廓,请使用带透明通道的 PNG 或静态 WebP。

GIF 会保留原始播放速度吗?

开启“使用原始帧时长”即可保留。关闭后可以为全部帧统一指定 FPS。PNG 本身无法携带动画播放时长,需要使用 JSON 中的 duration,或在游戏引擎中设置速度。

可以把制作结果拆开再重排吗?

可以。“在切割工具中打开”会将图表直接传到配套工具,无需先下载再上传。素材交接仅在当前标签页有效,刷新后不会保留。

它能代替高级纹理打包工具吗?

本工具专注规则网格和条带。打开「裁掉透明边」后可以裁掉透明边距,但不支持旋转精灵、多边形打包或生成多个图集页。需要这些高级打包能力时,请使用专门的工作流。

准备好制作精灵图表了吗?

把图片或 GIF 拖入上方工作台,整理帧序列后导出 PNG。文件只保留在当前标签页,刷新后需重新上传。

打开工作台