Instagram グリッドメーカー
写真を正方形のタイルに切り分け、Instagram のプロフィール上で 1 枚の絵として並べます。分割はブラウザ内で行われ、写真はアップロードされません。
要点
SquareImage.dev の Instagram Grid Maker は、1 枚の写真を 2×2・3×3・4×4 の正方形タイルに切り分け、Instagram のプロフィールグリッド上で 1 枚の絵として並ぶようにします。ファイルは投稿順に番号が付きます(grid-01 を最初に、grid-09 を最後に投稿)。プロフィールのグリッドは最新の投稿が左上に入る形で埋まっていくためです。各タイルには元の幅の一部しか割り当てられないため、1080 ピクセルの写真を 3×3 に分割すると 360 ピクセルのタイルになります。短辺で最低 2000 ピクセルを目安にしてください。無料でアカウント登録は不要、写真はアップロードではなく端末上の Canvas で分割されます。
By Square Image · Verified
Instagram 用に画像を分割するには?
- 写真を追加する。クリック、ドラッグ、または貼り付けます。
- グリッドの大きさを選ぶ。3×3 が一般的で、2×2 なら必要な解像度は下がります。
- タイルをダウンロードする。ファイルには番号が付いています。
- 番号順に、grid-01 から投稿します。
タイルはどの順番で投稿する?
グリッド投稿の失敗はほとんどここで起きます。プロフィールのグリッドは最新の投稿が左上に入る形で埋まるため、左上に来てほしいタイルを最初に投稿する必要があります。
ファイル名はすでにその順番で番号が振られています。grid-01 が最初、grid-09 が最後です。
どれくらいの解像度が必要?
各タイルには元の幅の一部しか割り当てられません。1080 ピクセルの写真を 3×3 に分割すると 360 ピクセルのタイルになり、フィード上で明らかに甘く見えます。
短辺で最低 2000 ピクセル、4×4 ならさらに大きい元データを用意してください。
写真はサーバーにアップロードされますか?
いいえ。分割はブラウザ内の Canvas で実行され、写真は当サイトのサーバーに送信されません。
よくある質問
選べるグリッドの大きさは?
2×2・3×3・4×4 です。
なぜタイルに番号が付いているの?
プロフィールのグリッドは最新の投稿が左上に入る形で埋まるためです。番号順に投稿すれば各タイルが正しい位置に収まります。
元画像の解像度はどれくらい必要?
短辺で最低 2000 ピクセルです。それ以下だとタイルが甘く見えます。
このサイトのツールはすべて、写真を HTML canvas に描画し、その結果を読み出します。処理はそれだけです。だからアップロードは発生しません。ブラウザ自身のドキュメントは描画処理をこう説明しています:
“drawImage() will always use the source element's intrinsic size in CSS pixels when drawing, cropping, and/or scaling.”
出典
- MDN Web Docs — CanvasRenderingContext2D: drawImage() method
- MDN Web Docs — HTMLCanvasElement: toBlob() method
- WHATWG — HTML Standard — The canvas element
リンク確認日: 2026-09-03
このサイトの他の画像ツール
- Square Image ConverterBlur, solid color, resize, or 1:1 crop — the main square converter.
- Square CropDrag a 1:1 crop box over the photo and compare several crops.
- Blurred FrameSeparate scale controls for the sharp photo and the blurred backdrop.
- Rounded CornersRound the corners of an image and keep the cut-out transparent.
- Full DP MakerA whole photo as a profile picture, with no crop on WhatsApp.
- Drawing GridOverlay a numbered grid on a reference photo for grid drawing.
- Solid Color BackgroundGenerate a plain color image at any size, no upload needed.