Skip to main content

ニンペッチジェネレーター Androidスタイルの9パッチ(.9.png)画像を作成します。伸縮可能な領域マーカーを付けることができます。

ニンペッチジェネレーター illustration
🖼️

ニンペッチジェネレーター

Androidスタイルの9パッチ(.9.png)画像を作成します。伸縮可能な領域マーカーを付けることができます。

1

画像をアップロード

9パッチ作成のためにPNG画像をドロップまたは選択します。

2

領域を定義

伸縮可能なエリアの左、右、上、下のインセットを設定します。

3

ダウンロード

マーカー付きの.9.pngファイルを生成してダウンロードします。

Loading tool...

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
    さまざまなサイズでテストして伸縮動作を確認する
  • 3
    Android SDKのdraw9patchツールと組み合わせて使用し、検証を行う
  • 4
    詳細があるコーナーやエッジは固定(非伸縮)ゾーン内に配置する

Related Tools

Frequently Asked Questions

Q .9.pngとは?
伸縮可能な領域とパディング領域を定義する1pxのボーダーマーカー付きPNGファイルです。
Q Androidのみ?
もともとはAndroid用ですが、多くのゲームエンジンやUIフレームワークでも使用されています。
Q 入力形式は?
PNGのみ - マーカーにはロスレスのピクセルデータが必要です。
Q プレビューで伸縮を確認する方法
出力を視覚的にチェックします。Android SDKツールを使用して伸縮プレビューを行います。
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.