画像をグリッドに分割
ひと押しで均等分割・並べ直しても継ぎ目なし。ブラウザ内処理、送信なし。
画像を入れてグリッドのボタンを押せば 9 分割、1 ブロックにつき 1 ファイルです。
なぜ自動で分けるのか——手で 9 つの等しい枠をぴったり並べて引くのは実際には無理で、1〜2 ピクセルずれると投稿したときに細い隙間が見えます。均等分割は算術なので、コードに任せたほうが確実です。端数は各ブロックに分配します。1000 ピクセルを 3 等分すると 333 で 1 余りますが、その 1 ピクセルは最後のブロックにまとめず先頭に渡します（334、333、333）。したがってどの 2 ブロックの辺の長さも差は 1 ピクセル以内です。書き出しでは各ブロックが 1 枚の PNG になり、slice-01.png から順に番号が付くので、番号どおりにアップロードすれば並びます。3×3 のほかに 2×2 もあり、不規則に分けたいときは切片ツールで手動でドラッグしてください。数も位置も自由です。計算はすべてご自身のブラウザ内で行われ、画像はアップロードされません。
主な機能
ひと押しで均等分割
グリッドのボタンで 3×3 に分割。9 つの枠を手で引く必要はありません。
並べ直しても継ぎ目なし
端数を各ブロックに分配するので、辺の長さの差は 1 ピクセル以内です。
順番に番号が付く
1 ブロック 1 枚の PNG、slice-01.png から順に番号。番号どおりにアップロードできます。
手動の切片も可
不規則に分けたいときは切片ツールでドラッグ。数も位置も自由です。
使い方
- 1 画像を追加枠にドラッグするか、Ctrl+V で貼り付けます。
- 2 グリッドのボタンを押すカンバスが 3×3 に均等分割されます。2×2 も選べます。
- 3 切片を書き出す各ブロックが PNG として保存され、slice-01.png から順に番号が付きます。
- 4 順番にアップロード01 から番号どおりに選べば、元の並びに戻ります。
よくある質問
- 9 つのブロックは同じ大きさになりますか？
- 同じか、差は最大でも 1 ピクセルです。幅や高さが割り切れないとき、端数は各ブロックに分配されます。1000 ピクセルを 3 等分すると 333 で 1 余り、その 1 ピクセルは最後ではなく先頭のブロックに渡します（334、333、333）。ですから一辺だけ目に見えて広くなることはありません。
- 書き出したファイルの対応は？
- 1 ブロック 1 枚の PNG で、slice-01.png から順に番号が付きます。並び順は左から右、上から下です。01 から 09 まで番号どおりにアップロードすれば正しく並びます。
- 別の分割数にもできますか？
- できます。3×3 のほかに 2×2 があり、不規則な分け方（上は横一列、下は 4 分割など）は切片ツールで手動ドラッグしてください。数も位置も自由です。
- 無料ですか？画像はアップロードされますか？
- 無料・登録不要・回数制限なしです。アップロードもされません。すべてご自身のブラウザ内で処理されます。
今すぐ画像をグリッドに分割を試す
すべてブラウザ内で動作 · インストール不要 · 登録不要 · 画像はアップロードされません