浏览器本地运行 · 不上传任何文件
给游戏开发者的免费工具
处理、转换、预览和优化你的游戏素材。Toolkitly 完全在浏览器里运行——把精灵图拖进来，把帧拿出去，不用把美术资源交给一台你管不着的服务器。
游戏素材工具
围绕 2D 工作流打造——精灵图、像素画，以及批量素材处理。
精灵图切割工具
可用按网格、自动识别或 Aseprite JSON 把精灵图拆成单帧 PNG，打包 ZIP 下载。
精灵图生成器
可用把单帧图片打包成一张精灵图图集，附带 TexturePacker JSON 清单。
精灵动画预览器
可用以任意帧率播放精灵图，或沿用 Aseprite 的逐帧时长与标签，并导出 GIF。
像素画缩放工具
可用用邻近采样按 2 倍 / 4 倍 / 自定义放大像素画，边缘不糊。
像素画调色板转换器
可用读出图片的调色板、压缩到指定色数，或把画面映射到主机调色板，然后导出。
九宫格编辑器
可用在面板上标出四条切割线，预览任意尺寸，导出 PNG、.9.png 或引擎要的那几个数字。
位图字体工具
可用把字符图切成字形，打字验证对应关系，导出 BMFont 的 .fnt。
精灵图描边工具
可用一次给整个文件夹的精灵图加描边和投影，需要的话还能保持原尺寸不动网格。
批量图片处理
可用一次性缩放、转格式、重命名整个文件夹的游戏素材。
为什么放在浏览器里做
美术资源不会离开你的电脑
图片是用 Canvas API 在你自己的设备上解码和处理的。没有上传这一步，不用排队，也不存在文件被存在哪里的问题。
不用装软件，也不用注册
打开页面就能用。没有安装包，没有授权，不需要注册账号。
为像素而做的默认值
全程邻近采样、按透明通道裁边、无损 PNG 输出——这些默认设置是为精灵图准备的，不是为照片。
教程
如何拆分精灵图
算准网格，把每一帧导成 PNG，再导入你的引擎。
如何放大像素画而不模糊
邻近采样、整数倍放大，还有那些会毁掉成果的导入设置。
如何制作精灵图
单元格尺寸、帧顺序、间距，以及各引擎读图所需的设置。
如何把精灵图转成 GIF
网格、逐帧时长、透明通道——以及这个格式本身的硬限制。
如何在 Godot 中导入精灵图
用 AnimatedSprite2D 切帧、关掉模糊，并知道 Godot 什么时候切不动。
如何在 Unity 中导入精灵图
Sprite Mode、Sprite Editor 的三种切法，以及那些会悄悄毁掉像素画的导入设置。
如何在 Phaser 中加载精灵图
spritesheet 与 atlas 之争、以像素为单位的 frameWidth、generateFrameNumbers，以及 file:// 下为什么什么都加载不出来。
如何把图片转成 Game Boy 调色板
四档颜色、一个决定画面还读不读得出来的设置，以及多余颜色偷偷回来的地方。
如何缩放 UI 面板而不把边框拉变形
四个数字把四角固定住——而三个引擎的默认拉伸模式又把它毁掉。
位图字体显示成错误的字符怎么修
它错开了一位。这里讲清是什么让它错位、怎么找到位置，以及另外四种值得知道的故障。
怎么让精灵图在杂乱背景上看得清
先转成灰度诊断。然后是那个不该用纯黑的描边颜色，以及三种不靠描边的解法。
怎么修精灵表切图错位
拿第一帧和最后一帧比。误差涨不涨，直接告诉你是四种里的哪一种。
怎么修掉地块和精灵图之间的接缝
三种成因，一个症状。缝会不会随镜头移动而闪，就能告诉你是哪一种。