ZeroTool Workbench
画像分割ツール
画像を行×列で等分、ピクセル指定でスプライトシートを切り出し、Instagram のプロフィールグリッドやつながるカルーセル用にも分割。PNG / JPG / WebP を ZIP で保存。
使い方
- 画像をドロップするか、クリックして選択します。スクリーンショットは Ctrl/Cmd+V で貼り付けることもできます。
- 分割方法を選びます。
- 行×列：行数と列数（それぞれ 1〜20）を指定します。
- タイルサイズ：タイルの幅と高さをピクセルで指定します。スプライトシートならマージンと間隔も入力します。
- Instagram：「プロフィールグリッド」（3 列、1〜10 行）か「カルーセル」（1 行、2〜20 枚）を選び、投稿サイズと、比率が合わないときの「切り抜き」「余白を追加」を選びます。
- プレビューを確認します。画像の上に分割線とタイル番号が表示されます。Instagram の切り抜きでは、ハイライト部分をドラッグして（またはフォーカスして矢印キーで）投稿に使う範囲を決めます。
- 形式を PNG・JPG・WebP から選びます。JPG と WebP は品質を調整でき、JPG は透明部分の背景色も指定できます。
- 「ZIP をダウンロード」ですべてのタイルを保存します。1 枚だけ欲しいときは、タイル下のダウンロードアイコンを押します。
使いどころ
- Instagram の分割投稿：横長・縦長の 1 枚を 3 枚、6 枚、9 枚の投稿に分け、プロフィール上で 1 枚の絵に見せます。
- つながるカルーセル：パノラマ写真を切れ目なくつながるスライドにして、スワイプすると絵が続くようにします。
- 分割印刷：2 × 3 や 3 × 4 のグリッドでポスターを A4 サイズに分け、印刷して貼り合わせます。
- スプライトシートの切り出し：ゲームのコマやアイコンをまとめた画像を 1 枚ずつに戻します。マージンと間隔にも対応します。
- 縦長スクリーンショットの分割：ページ全体のキャプチャを、スライドやチャット、チケットに貼れる長さに分けます。
ピクセルを失わない等分
画像の幅はたいてい割り切れません。幅 4000 px の写真を 3 列に分けると 1 列 1333.33 px です。全部 1333 px に切り捨てると右端の 1 列が消え、切り上げると隣のタイルと重なります。このツールは分割線を round(i × 幅 / 列数) の位置に置くので、3 列は 1333・1334・1333 px になります。タイル同士のサイズ差は最大 1 px で、元画像のどのピクセルもちょうど 1 枚のタイルに入ります。「行×列」と「タイルサイズ」では拡大縮小をせず、元の解像度のまま書き出します。
Instagram 用のタイルは別で、どれも幅 1080 px（高さ 1440・1350・1080 px）に拡大縮小されます。切り抜き範囲が 1 列あたり 1080 px に満たない場合は拡大され、その倍率が表示されるので、投稿前に仕上がりがぼやけるかどうかがわかります。
Instagram グリッドとカルーセルの仕組み
切り抜きでは、元画像に収まる範囲のうち、仕上がり全体の比率（3:4 の投稿を 3 × 3 並べるなら 3240:4320）を持つ最大の範囲を選びます。動かせるのは位置だけで、大きさは常に最大のままです。余白を追加では画像全体をそのまま収め、空いた部分を指定した色で埋めます。切れては困る縦長スクリーンショットやロゴに向いています。
プロフィールグリッドの投稿の間には細い隙間があります。タイルは隙間なく切っているため、隙間の下に細い帯状の部分が隠れますが、ほとんどの写真では気になりません。
ファイル名
タイル名は元のファイル名から始まるので、どのファイルマネージャーでも正しい順に並びます。
| モード | 例 |
|---|---|
| 行×列、タイルサイズ | poster-r1-c1.png、poster-r1-c2.png …（行・列、1 始まり） |
| Instagram プロフィールグリッド | trip-post-1.jpg … trip-post-9.jpg（投稿順） |
| Instagram カルーセル | pano-slide-1.jpg … pano-slide-5.jpg（左から右） |
番号は総数の桁数に合わせてゼロ埋めされるため、post-01 は post-10 より前に並びます。貼り付けた画像は image という名前になります。
制限
- 一度に扱える画像は 1 枚です。アニメーション GIF は先頭フレームのみ読み込みます。すべてのフレームを取り出すには GIF 分解ツール を使ってください。
- 複数の画像を 1 枚にまとめるのは逆の作業です。スプライトシート作成ツール を使ってください。
- タイルは最大 400 枚、行×列は最大 20 × 20、元画像は 5,000 万ピクセル（一辺 16,384 px）までです。
- 書き出し形式は PNG・JPG・WebP です。WebP をエンコードできないブラウザ（古い Safari）では PNG で保存され、ステータス欄に表示されます。
関連ツール
- スプライトシート作成ツール：複数の画像を 1 枚のシートにまとめ、JSON も書き出します。
- GIF 分解ツール：アニメーション GIF を 1 コマずつ書き出します。
- 画像圧縮ツール：投稿前に分割したタイルを圧縮します。
FAQ
Instagram の分割投稿はどの順番で投稿すればいいですか？
ファイル番号の post-1 から順に投稿してください。プロフィールでは最新の投稿が左上に表示されるため、最初に投稿した画像は右下に、最後に投稿した画像は左上に並びます。プレビューの各タイルには投稿番号が表示され、ZIP 内のファイルも trip-post-1.jpg、trip-post-2.jpg のように番号付きなので、名前順に並べればそのまま投稿順になります。
プロフィールグリッドにはどの比率を選べばいいですか？
3:4（1080×1440）を選んでください。Instagram のプロフィールグリッドは投稿を 3:4 で表示します。正方形で切るとグリッド上で左右が切れてしまい、投稿同士の絵がつながりません。カルーセルには 4:5（1080×1350）、正方形の投稿にしたいときは 1:1 を使います。
画像はアップロードされますか？EXIF は残りますか？
アップロードはされません。画像はこのページ内でデコード・分割され、各タイルはブラウザが再エンコードします。タイルは新しい canvas に描いてから書き出すため、位置情報（GPS）やカメラ機種、撮影日時などの EXIF はタイルに引き継がれません。ブラウザに保存されるのは設定（モード、サイズ、形式、色）だけで、画像そのものは保存されません。
コマの間に隙間があるスプライトシートはどう切りますか？
「タイルサイズ」を選び、1 コマの幅と高さを入力します。マージンは左上の最初のコマまでの余白、間隔はコマ同士の隙間です。外枠 2 px、コマ間 1 px、32×32 のコマなら 32、32、2、1 と入力します。「完全に透明なタイルを除外」をオンにすると、シート末尾の空きコマを書き出しません。
制限はありますか？
1 回の分割は最大 400 枚、行×列は最大 20 × 20、元画像は 5,000 万ピクセル・一辺 16,384 px までです。各タイルはモバイルブラウザの canvas 上限（16,777,216 ピクセル）に収まる必要があります。アニメーション GIF は先頭フレームだけを読み込みます。全フレームを取り出すには GIF 分解ツールを使ってください。