UI スプライトを歪まず拡大
9-patch(9-slice)拡大はスプライトの角を固定し、辺と中心だけを伸ばすため、小さなパネルやボタン 1 枚を任意のサイズに、角をくっきり歪ませずに拡大できます。この無料エディタは固定ボーダーの設定、伸縮のライブプレビュー、結果の書き出しをブラウザ内で行えます。
.9.png やエンジン用 insets を書き出し
標準の 1px ガイド枠付き Android .9.png を書き出すか、ボーダー insets を Unity の sprite border や Godot の NinePatchRect マージン用に JSON で書き出せます。どちらも同じ 4 つのボーダー値が UI スプライトの伸び方を定義します。
無料・プライベート・アップロードなし
すべてブラウザ内のローカルで動作し——登録不要・透かしなし・ファイル数制限なし——スプライトがデバイスから出ることはありません。プレビューのスライダーを動かして、どのサイズでも角がシャープに保たれるか確認できます。
よくある質問
9-patch / 9-slice とは？
UI スプライトを 9 つの領域に分けて拡大する方法です：四角は固定、四辺は一方向、中心は両方向に伸びるので、パネルやボタンはボーダーを歪めずにサイズ変更できます。
9-patch はどう作りますか？
パネルやボタンのスプライトをアップロードし、各辺の固定ボーダーを設定し、伸縮をプレビューしてから、Android .9.png かエンジン用の insets JSON を書き出します——すべてブラウザ内で完結します。
.9.png ファイルとは？
.9.png は Android の 9-patch 形式で、画像に 1px の枠が付き、上辺と左辺の黒い印が伸縮領域を、下辺と右辺の印がコンテンツ領域を定義します。
Unity や Godot で使えますか？
はい。insets JSON を書き出し、4 つの値を Unity の sprite border や Godot NinePatchRect の patch マージンとして使えます。.9.png の書き出しは Android や 9-patch を直接読むエンジン用です。
9-patch エディタは無料ですか？
完全に無料で、登録不要・透かしなし、処理するスプライト数に制限はありません。
画像はサーバーにアップロードされますか？
いいえ。スライスはブラウザ内のローカルで行われるため、スプライトはデバイスに留まります。