Instagramグリッド分割

1枚の写真を3×3、3×2、3×1のプロフィールグリッド用正方形タイルに分割

ここに写真をドロップ

またはクリックしてPNG、JPG、WebPを選択

アップロードはしません。写真はブラウザー内で読み、分割します。

仕組み

写真を追加してください。
3×3、3×2、3×1を選び、希望の位置へ切り抜き枠を動かしてください。
分割してからZIPをダウンロードします。
ファイル名順に投稿してください。upload-01が最初です。

次を使い始める前に Instagramグリッド分割

写真をInstagramプロフィール用の3×3、3×2、3×1グリッドに分割。切り抜き位置を調整でき、投稿順のファイル名が付きます。

最適な用途

1枚の写真を3×3のInstagramプロフィールグリッドにする
6タイルまたは3タイルの横長プロフィールバナーを作成
投稿すべき順番でタイルのファイル名を保つ

開始前に知っておくこと

選択したInstagram配置に切り抜き、小さい元画像は拡大しません
Instagramが写真投稿を再エンコードするため、タイルはJPGで書き出します
完成したグリッドは、各タイルを指定順に投稿することに依存します

作業を続ける

Instagramリサイズ単独の投稿、ストーリーズ、リール用に写真を準備します。画像圧縮投稿前に写真を小さくします。スプライトシートスライサー行数、列数、出力形式をカスタマイズします。Instagramグリッド写真ガイド切り抜きと逆順投稿の手順に従ってください。Instagram画像サイズガイドInstagramの切り抜きで保持される比率を確認してください。

使い方

1. 写真を追加

PNG、JPG、WebPファイルをキャンバスへドラッグするか、クリックして選んでください。ブラウザーがファイルを読み、端末の外には出ません。送信先のサーバーはありません。

2. レイアウトを選び、切り抜き枠を配置

3×3では正方形の切り抜きから9枚のタイルができ、3×2では6枚、3×1では3枚のタイルを並べたバナーになります。Instagramのタイルは正方形なので、切り抜き枠は選んだレイアウトの列数と行数の比率に常に一致します。画像をドラッグするかスライダーを使って、動かせる余裕のある軸に沿って枠を移動してください。

3. 分割してダウンロード

分割では、元のピクセルから直接、各タイルを品質90のJPGとして書き出します。拡大は行いません。パネルには正確なタイル寸法が表示され、360px未満になると警告されます。これは幅1080pxの元画像を分割した場合の1タイルの寸法です。

4. ファイル名の順に投稿

ZIPをダウンロードし、次のファイルから投稿してください upload-01、その後 upload-02、という順です。各タイルを通常の正方形の単独投稿として投稿し、Instagramアプリで追加の切り抜きをしないでください。

アップロード順が重要な理由

Instagramは最新の投稿から並べ、プロフィールグリッドを左上から右へ埋めます。これは画像を読む順番と逆なので、左上のタイルからアップロードすると、完成グリッドが全体で逆順になります。

それを避けるため、画像内の位置ではなく投稿すべき順にファイル名を付けます。3×3の分割では、 upload-01-tile-9.jpg は右下のタイルで、最初に投稿します； upload-09-tile-1.jpg は左上のタイルで最後に投稿します。アップロード番号が先頭にありゼロ埋めされるため、ファイル管理やスマートフォンのギャラリーで名前順にすれば投稿順になります。ZIPには後で見直す場合に備え、同じ説明の短いREADME.txtも含みます。

質問

写真はどこかへアップロードされますか？

いいえ。ブラウザー内のCanvas APIで写真をデコード・分割します。アップロードもアカウントもなく、サーバーにコピーは保持されません。

最適な元画像サイズは？

切り抜く部分の幅は、少なくとも1080pxを目標にしてください。3列のレイアウトなら、タイルごとに360pxになります。Instagramのプロフィールグリッドのサムネイルは小さく表示されますが、各タイルは単独の投稿でもあるため、ピクセル数が多いほどタップして開いたときにきれいに見えます。このツールは元にないピクセルを拡大して補うことはないため、小さな原画像からは小さなタイルができます。

タイルがPNGではなくJPGなのはなぜですか？

Instagramは結局すべてをJPGへ再エンコードし、写真には保持すべき透明度もないため、PNGは同じ見た目に対してはるかに大きなファイルになるだけです。タイルは画質90で書き込み、圧縮の劣化がInstagram独自の処理に干渉しにくくします。

代わりに6タイルや3タイルのバナーを作れますか？

はい。3×2プリセットは3:2切り抜きから6タイル、3×1は3:1から3タイルのバナーを作ります。どちらも9タイル全体よりヘッダー帯が欲しい場合に便利です。3×1の行は3×3よりゆっくりプロフィールの上から流れ去ります。