画像をタイルに分割

数字を変えるたびに更新されますが、まだ何も切っていないからです。各タイルは、同じ画像を

タイルの大きさの窓から覗いているだけです。格子を変えるのは配置の変更なので、スライダー

の動きにも追いつきます。

タイルを切り出すを押すと、その同じタイルが本物のファイルになります。タイルに重ねる

と保存アイコンが現れ、押せばその1枚だけが保存されます。ZIPボタンは全部をまとめます。

このプレビューの下にある2つ（タイルの間隔とタイル名）は、見え方だけを変えるもので、

ファイルには決して影響しません。

指定のしかたは2通り

• 格子 — 「3×3」。断片の数を決めると、タイルの大きさは画像の大きさから決まります。プロフィールの格子、パズル、カードのセットにはこちらです
• タイルの大きさ（ピクセル） — 「512×512」。1枚の大きさを決めると、枚数はそこから決まります。スプライトシート、地図タイル、印刷用の版にはこちらです

端で何が起きるか

結果が使えるかどうかを決めるのは、この細部です。

2つのモードは端の扱いが違い、どちらもわざとそうしています。

格子は余った画素をタイル全体に分け合います。1000画素の画像を3つに切ると333、334、333になります。差は1画素で、誰も気づきません。隣より目に見えて小さいタイルは生まれません。

固定のタイルサイズではそれができません。正確な大きさを指定したからです。1000画素の画像を300画素のタイルで切ると、完全なタイルが3枚と、100画素の余りが出ます。この最後の1枚は短いまま残します。埋めれば元の絵になかった背景が加わり、引き伸ばせば中身がゆがむので、どちらもしません。そうなったときはプレビューがそう伝えます。

信じるしかないのではなく、目で見て分かります。タイルは実際の大きさの比で描かれるので、短い端のタイルは短く見えます。

元の画像のすべての画素は、ちょうど1枚のタイルに収まります。継ぎ目で失われるものも、重複するものもありません。

元どおりに並べ直せる名前の付け方

タイルは位置で名前が付きます。photo-r01c01.png、photo-r01c02.pngのように、行が先、列が後、ゼロ詰めです。

つまり、ファイルマネージャーでもアップロード画面でも、名前順に並べれば読む順序、つまり左から右、上から下に並びます。Instagramの格子では、投稿が新しいものから表示される点を思い出して、逆順にアップロードしてください。

PNGかJPGか

• PNGは画素をそのまま保ちます。タイルは元画像の該当部分と1バイトまで同じで、透明も残ります。図版、スクリーンショット、これから編集するものに向いています
• JPGはファイルがずっと小さくなり、画質のつまみが使えます。写真に向いています。JPGには透明がないため、透明な部分は白になります

こんなときに使われています

• 1枚の写真からInstagramの3 × 3格子を作る
• 大きな絵を印刷用の版に切り、貼り合わせてポスターにする
• スプライトシートをコマごとに分ける
• 1枚の画像からパズルや単語カードを作る
• 地図や図面をビューア用のタイルに切る
• 縦長のスクリーンショットを読める塊に分ける

知っておくとよいこと

• アップロードは一切ありません。画像はブラウザ内で切られ、端末から出ません
• 元のファイルは変わりません。新しいタイルが手に入ります
• 一度に最大400枚まで。格子が暴走してページが固まることはありません
• PNG・JPG・WebP・GIFに対応します（アニメーションGIFは最初のコマ）
• すべてのタイルが1つのZIPに入ります。1枚だけ押せばその1枚だけ保存できます
• パソコンだけでなく、スマホやタブレットでも動きます

関連ツール

• 写真コラージュ作成 — 逆の作業。複数の写真を1枚に
• 画像を切り抜く — 全部ではなく1か所だけ取り出す
• 画像のサイズ変更 — 切る前に大きさを整える
• 画像を圧縮 — 切ったあとタイルを軽くする
• ZIPの作成と展開 — 今作ったZIPを開く