让 UI 精灵缩放不变形
9-patch(9-slice)缩放在拉伸时固定精灵的四角,只拉伸边和中心,于是一张小面板或按钮能缩放到任意尺寸而四角保持清晰、不变形。这个免费编辑器让你设置固定边框、实时预览拉伸并导出结果,全部在浏览器里完成。
导出 .9.png 或引擎 insets
导出带标准 1px 标记边的 Android .9.png,或把边框 insets 导出为 JSON 用于 Unity sprite border 和 Godot NinePatchRect 边距。无论哪种,都是同样的四个边框值定义 UI 精灵如何拉伸。
免费、私密、不上传
全部在你的浏览器本地运行——无需注册、无水印、不限文件——精灵绝不离开你的设备。拖动预览滑块即可确认任意尺寸下四角都保持清晰。
常见问题
什么是 9-patch / 9-slice?
它是一种缩放 UI 精灵的方法,把图切成九块:四角固定,四边只单向拉伸,中心双向拉伸,于是面板和按钮改变大小时边框不变形。
如何制作 9-patch?
上传面板或按钮精灵,设置每条边的固定边框,预览拉伸,然后导出 Android .9.png 或给你引擎用的 insets JSON——全部在浏览器里完成。
什么是 .9.png 文件?
.9.png 是 Android 的 9-patch 格式:图片加一圈 1px 边,上边和左边的黑标记定义可拉伸区,下边和右边的标记定义内容区。
支持 Unity 和 Godot 吗?
支持。导出 insets JSON,把四个值用作 Unity sprite border 或 Godot NinePatchRect 的 patch 边距;.9.png 导出用于 Android 和能直接读 9-patch 的引擎。
9-patch 编辑器免费吗?
完全免费,无需注册、无水印,对处理精灵数量没有限制。
我的图片会上传到服务器吗?
不会。切片在你的浏览器本地完成,精灵始终留在你的设备上。