IT用語集 › プログラミング › ナインスライス(9スライス拡縮)

ナインスライス(9スライス拡縮)

プログラミング Svenska → 更新: 2026-10-24

2D画像を9つの領域に分け、四隅は元の大きさのまま、辺と中央だけを伸ばす拡縮方法。枠を歪ませずにパネルを任意のサイズにできる。

ボタンやウィンドウの画像を単純に拡大すると、丸い角や整った枠線がにじんで台無しになる。ナインスライスは3×3の格子で解決する。四隅はそのまま描き、四辺は自分の軸方向にだけ伸ばし、中央は縦横に伸ばす。小さなボタンから幅広いダイアログまで、どの大きさでも角は鮮明で枠の太さも均一に保たれる。

この手法はほぼすべてのゲームUIツールキットの土台で、小さなスプライト1枚で成り立つ。AndroidはNinePatchとして仕様化し、.9.png ファイルに1ピクセルの余白線を加えて伸ばしてよい領域を示す。考え方は同じで、それを画像形式の中に組み込んだものだ。

← 用語集に戻る