添加图片或 GIF
在图片序列模式拖入 PNG、JPG 或静态 WebP,也可以切换至 GIF 模式提取动画。图片按文件名自然排序,run-2 会排在 run-10 前面。还没有素材时,可以先去首页生成素材,再回到这里整理帧序列。
图片与 GIF → 可用精灵图集
让零散的帧,成为下一段冒险。上传图片或 GIF,整理动作序列,导出可用于游戏的精灵图集。
从美术素材到游戏资源,只需三步
在图片序列模式拖入 PNG、JPG 或静态 WebP,也可以切换至 GIF 模式提取动画。图片按文件名自然排序,run-2 会排在 run-10 前面。还没有素材时,可以先去首页生成素材,再回到这里整理帧序列。
选择网格、横向或纵向排列,设置列数、外边距和帧间距,为不同尺寸图片选择对齐方式。在动画预览中检查缺帧、错序等问题,导出前拖动帧手柄修正顺序。
下载透明 PNG 精灵图表,也可把 JSON、CSS、XML 或动画 GIF 一并打进 ZIP,或直接在精灵图切割工具中打开结果,在当前标签页传递网格参数、帧名称与时长。
将多张静态图片或一个 GIF 动画制作成整齐的精灵图表。这款免费的在线精灵图表制作工具支持帧对齐、动画检查,以及 PNG 和可选 JSON 元数据导出,无需注册账户。
01
GIF 可能只存储相邻帧间发生变化的像素。GIF 转精灵图表时,工具会还原每个时刻的完整图像,并处理透明区域及帧清除规则。原始帧时长可用于动画预览和 JSON 导出,也可以统一设置 FPS。
02
合并图片时,以最大源图宽度和高度确定统一单元格,较小图片保持原始尺寸。底部居中有助于角色共享基线,居中和左上对齐适合特效或界面素材。源图的透明边距会保留,除非你打开「裁掉透明边」。
03
在整张图表和精灵动画预览间切换,同时检查排布与动作。可以暂停、逐帧前进后退并比较播放速度。像素化显示让小尺寸精灵保持清晰;预览缩放仅影响显示,不会改变导出 PNG 的分辨率。
将短段行走、跳跃或攻击序列放入规则网格,用于游戏原型。按播放顺序排好帧,再检查每个单元格底部的接触点。如果角色依然上下跳动,请检查源图中的透明边距;对齐功能无法自动判断角色脚部的位置。
小型特效可以采用横向条带,图标或动画帧可采用紧凑网格。如果已有完整 GIF,可直接提取帧。这款精灵图表制作工具负责整理已有画作,不会生成中间帧,也不会把单张静态图自动变成新的角色动画。
列数决定网格每行容纳多少个单元格。外边距在整张图表四周留白,帧间距则分隔相邻单元格。两者用途不同:在引擎中填错帧间距,可能让相邻精灵的像素混入当前帧。调整参数时,输出尺寸会实时更新。
默认导出透明背景;选择纯色后,该颜色会写入 PNG。JSON 使用 TexturePacker 风格的 Hash 结构,包含唯一文件名、源尺寸、帧矩形与时长。同一 ZIP 也可包含 JSON Array、CSS、XML 或动画 GIF。PNG 网格切片与 JSON 图集导入是两种流程,可参考导出区的引擎说明。
文件在本地处理,无需上传接口。输入合计上限为 50 MiB、256 帧,解码后累计不超过 3200 万像素。单张源图或输出图表单边不超过 8192 像素,面积不超过 1600 万像素。达到上限时请减小尺寸或拆分长动画。刷新页面会清空工作台。
继续使用 SpritePixel 的配套浏览器工具。免费精灵图工具无需额外注册。
关于导出、GIF 时长、以及这款免费工具做不到的事。
是的。合并图片、提取 GIF 帧、预览与下载都免费,无需注册。AI 素材生成属于独立产品流程,不是获得导出图表前必须完成的步骤。
JPG 帧之间的空白区域可以透明,但 JPG 自身没有透明通道,原有背景像素会保留。如果需要透明的角色轮廓,请使用带透明通道的 PNG 或静态 WebP。
开启“使用原始帧时长”即可保留。关闭后可以为全部帧统一指定 FPS。PNG 本身无法携带动画播放时长,需要使用 JSON 中的 duration,或在游戏引擎中设置速度。
可以。“在切割工具中打开”会将图表直接传到配套工具,无需先下载再上传。素材交接仅在当前标签页有效,刷新后不会保留。
本工具专注规则网格和条带。打开「裁掉透明边」后可以裁掉透明边距,但不支持旋转精灵、多边形打包或生成多个图集页。需要这些高级打包能力时,请使用专门的工作流。