グリッド・タイル・スプライト用の画像分割ツール

01

画像分割で正確なタイルを作る方法

画像分割 — ファイル作成前にすべての切り取りを確認

完成するグリッドを優先するときは行と列を選びます。画像分割は使用可能領域を均等に配り、余ったピクセルも決まった方法で割り当てるため、隠れた隙間を作りません。2分割、4分割、3×3の設定に加え、最大20行×20列を指定できます。

ゲーム、印刷、スプライトシートで寸法が決まっている場合は指定タイルサイズを使います。外側余白の後からタイルサイズと間隔の分だけ進み、割り切れない端は小さい最終タイルとして保持します。

番号付きプレビューは各長方形と出力名を対応させます。通常は左上から、逆順は右下を01にします。1枚だけ確認して保存するか、計画全体をZIPにまとめられます。

• 画像分割 — 2×1は左右の2分割です。
• 画像分割 — 1×2は上下の2分割です。
• 画像分割 — 3×3は9枚の均等パネルです。
• 画像分割 — 指定サイズはスプライトに適しています。

02

画像分割 — グリッドまたは指定サイズを選ぶ

画像分割 — 各切り取りは元画像のピクセルに対応

画像分割はデコード後の固有の幅と高さから長方形を計算します。グリッドは余白と間隔を引いて残りを配分し、指定サイズは設定した寸法で進んで端を保持します。プレビューと書き出しは同じ計画を使用します。

03

画像分割 — 元画像をブラウザー内に保つ

画像分割 — ローカルAPIで処理アップロードを回避

画像分割はローカルのFileをcreateImageBitmap()で読み、drawImage()で各範囲を一時Canvasへコピーします。アップロード要求やクラウドプロジェクトはありません。クリア時にbitmapを閉じ、ローカルURLを破棄します。

04

画像分割 — 1枚またはZIPを保存する

画像分割 — 形式、品質、名前を明確に管理

画像分割の出力はPNG・JPEG・WebPです。PNGは文字と透明、JPEGは写真、WebPは対応先に向きます。個別保存は1範囲だけ、ZIPは番号付きの全計画を順番にエンコードします。

05

画像分割の検証方法

画像分割 — 公式資料と再現可能な座標確認

検証では寸法が既知の色画像を使い、グリッド、指定サイズ、余白、間隔を確認し、座標、再読込した寸法、ZIP一覧を比較します。さらにソースからネットワーク通信機能がないことを確認します。

06

画像分割 — 専用ソフトなしでスプライトシート作成する手順

画像分割 — 順番、セル、動き、座標を一つの流れで確認

画像分割 — 再生順に画像を追加します。移動や削除はプレビューとメタデータの番号に反映されます。短いループは一列、長いシーケンスは横長になりすぎないグリッドが便利です。

画像分割 — 幅と高さが各セルを決めます。全体表示は元画像を保ち、全面表示はセルを満たして切り抜き、引き伸ばしは寸法を固定します。間隔と外側余白はx、y座標に含まれます。

画像分割 — 座標をコピーする前に生成してください。安全なCanvas上限を超える場合は画像と座標を一緒に縮小します。そのためCSSやJSONは保存した画像と正確に対応します。