画像分割

画像のグリッド分割とは

画像を格子状の小さな断片に分割する作業は、Instagramのグリッドレイアウト(1枚の写真を複数の正方形タイルにまたがって投稿する)、ジグソーパズル風のコンテンツ、モザイク表示用のタイル作成などでよく使われます。このツールはアップロードした画像を、希望の行×列数を指定するか、固定ピクセルサイズを指定することで均等な断片に切り分け、結果をすべて1つのZIPファイルにまとめてダウンロードできるようにします。

分割の仕組み

画像はHTMLキャンバスに描画され、このツールは選択した行・列数で幅・高さ全体を均等に分けるか、固定ピクセルサイズを画像全体を覆うまで繰り返す方式で各断片の境界を計算します。各グリッドマスはキャンバスから切り出された個別の画像として抽出され、それぞれPNGファイルとしてエンコードされます。これらはツールに内蔵された純粋なJavaScript製ZIPエンコーダーによって、1つのZIP圧縮ファイルにまとめられます。外部ライブラリやサーバーへのアップロードは不要です。

よくある質問

分割のために画像はサーバーにアップロードされますか?

いいえ。分割・切り出し・ZIP圧縮はすべてcanvas APIを使ってブラウザ内でのみ処理され、元の画像ファイルがどこかに送信されることはありません。

画像サイズが選択したグリッドにきれいに割り切れない場合はどうなりますか?

固定ピクセルサイズモードを使用する場合、画像の幅・高さが指定サイズできっちり割り切れないと、右端・下端の断片が指定サイズより小さくなることがあります。空白で埋める代わりに、画像の実際の境界までを切り出しているためです。

なぜ最大1024断片(32×32)までなのですか?

非常に小さな断片に極端に多く分割すると実用的な価値は下がる一方で、処理時間と生成されるZIPファイルのサイズが大幅に増えるため、このツールは処理速度と出力サイズを扱いやすく保つためグリッドを32×32までに制限しています。