ニンペッチジェネレーター Androidスタイルの9パッチ(.9.png)画像を作成します。伸縮可能な領域マーカーを付けることができます。
ニンペッチジェネレーター
Androidスタイルの9パッチ(.9.png)画像を作成します。伸縮可能な領域マーカーを付けることができます。
画像をアップロード
9パッチ作成のためにPNG画像をドロップまたは選択します。
領域を定義
伸縮可能なエリアの左、右、上、下のインセットを設定します。
ダウンロード
マーカー付きの.9.pngファイルを生成してダウンロードします。
What Is ニンペッチジェネレーター?
Android開発やゲームUIシステムで使用される。9.pngイメージを作成するNine-Patchジェネレーターです。 Nine-Patchイメージには、どの領域を伸縮させ、固定させるかを定義する1ピクセルのボーダーマーカーがあります。 inset値(左、右、上、下)を設定して、伸縮可能なゾーンが開始および終了する位置を制御します。 ツールは、必要な1pxのボーダーに黒いピクセルマーカーを追加します。 出力はAndroid SDKや人気のゲームエンジンと互換性があります。
Why Use ニンペッチジェネレーター?
-
.9.pngファイルを作成するための適切な形式
-
伸縮領域定義用の視覚的なコントロール
-
Android SDKおよびゲームエンジンと互換性がある
-
ピクセルレンダリングによるプレビュー
Common Use Cases
Android開発
ボタンやチャットバブルの背景として伸縮可能な画像を作成します。
ゲームUI
さまざまな画面サイズに対応したスケーラブルなUIパネルとフレームを作成します。
レスポンシブアセット
指定された領域のみを伸縮させることで、グラデーションに合わせて拡大する画像を作成します。
チャットバブル
テキストコンテンツとともに拡大するチャットメッセージの背景を作成します。
Technical Guide
出力イメージは、ソースより2ピクセル幅が広く、2ピクセル高くなります(各側に1pxのボーダーがあるため)。 ソースイメージはオフセット(1,1)で描画されます。 ボーダー上に黒いピクセルが配置されています: 上部ボーダーは水平方向の伸縮可能な幅を示し、左部ボーダーは垂直方向の伸縮可能な高さを示し、右部ボーダーはコンテンツパディングの高さを示し、下部ボーダーはコンテンツパディングの幅を示します。 伸縮可能な領域は、insetの間のエリアです。
Tips & Best Practices
-
1インセットを詳細なエリアから離しておく - ストレッチできるのは平坦で単純なエリアのみ
-
2さまざまなサイズでテストして伸縮動作を確認する
-
3Android SDKのdraw9patchツールと組み合わせて使用し、検証を行う
-
4詳細があるコーナーやエッジは固定(非伸縮)ゾーン内に配置する
Related Tools
Frequently Asked Questions
Q .9.pngとは?
Q Androidのみ?
Q 入力形式は?
Q プレビューで伸縮を確認する方法
Q インセットの最大値は?
About This Tool
ニンペッチジェネレーター is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.