🎠 Instagram カルーセル作成

1枚の横長画像から 1 投稿のカルーセルを作成 — 2-20 枚のスライドがスワイプでぴったりつながります

✓ ずっと無料 · ✓ 登録不要 · ✓ アップロード不要 · ✓ オフライン対応

🔒 画像がデバイスの外に出ることはありません。 すべての処理はCanvas 2D + JSZip（ブラウザのみ、アップロードなし）を使用してブラウザ内でローカルに行われます。アップロード、サーバー、追跡は一切ありません。

特長

2-20 枚のスライド — Instagram では 1 つのカルーセル投稿に写真や動画を最大 20 件まで入れられます。枚数を選ぶと、画像が同じ幅のスライドに切り分けられ、スワイプしたときにぴったりつながります。いちばん合う枚数はリストに印が付きます。
残す部分を自分で選べる — 画像の形が帯の形と違う場合、どこかを切るしかありません（引き伸ばしはしません）。画像の上の枠が、スライドになる範囲と境目の位置を示すので、ドラッグして調整できます。どれだけ残るか、拡大されてぼやけるかもページに表示します。
スワイププレビュー — 実際に見られるサイズでスライドをスワイプして確認できます（矢印、ドット、← → キーでも OK）。投稿する前に、大事なものが境目にかかっていないかチェックしてください。
4:5 または 1:1 — 1080×1350（4:5 縦長）は正方形よりスマホ画面を大きく使えます。1080×1080（1:1）は定番の形。1440 幅の版もありますが、Instagram はアップロードされた画像をすべて自分のサイズに縮小します。
アップロードゼロ — 画像はブラウザから出ません。各スライドは端末上の Canvas 2D で描き、JSZip で ZIP にまとめます。DevTools で確認できます — ファイルを運ぶ通信は一切ありません。

仕組み

横長の画像をドロップ — どんな形でも使えます。パノラマや横長のデザインほど多くのスライドを埋められます。いちばん合う枚数はスライド数のリストに印が付きます。
枚数と形を選ぶ — 4:5 縦長は正方形より画面を大きく使えます。画像の一部を切る必要があるときは、どれだけ切れるかを表示し、いちばん多く残せる枚数を提案します。
枠をドラッグしてプレビューを確認 — 枠を動かして残す部分を選び、顔や文字が破線の境目にかからないようにしてから、フォロワーと同じようにプレビューをスワイプします。
ZIP をダウンロードして投稿 — ZIP には slide-01.jpg、slide-02.jpg… が入っています。Instagram の新規投稿画面で番号順にタップしてください — カルーセルはタップした順に並びます。

活用例

パノラマ写真を、スワイプしてたどる 1 枚のつながった画像として見せる。
1 枚の横長キャンバスとしてデザインしたストーリーやチュートリアルを複数スライドで。要素を境目をまたいで流せます。
商品ローンチ: 横長バナーで商品、詳細、価格を 1 枚ずつ見せていく。
ビフォー/アフター: 2 枚の写真を横に並べた 1 枚の画像を 2 枚のスライドに分割。
イベントのまとめやタイムラインを、1 枚の長いデザインに左から右へ並べる。

よくある質問

Instagram グリッドメーカーとの違いは？

カルーセル作成は 1 枚の横長画像を、1 つの投稿の中の複数のスライドに分割します — 見る人はスワイプしてたどります。グリッドメーカーは画像を複数の別々の投稿に分け、プロフィールのグリッド上でつながるようにします。目的も見え方も別物です。

正方形ではなく 4:5 縦長を使う理由は？

同じ幅なら 4:5 のスライド（1080×1350）は正方形（1080×1080）より 25% 縦に長いので、フィードでスマホ画面を大きく使えます。正方形なら、同じ枚数でもそれほど横長でない画像で足ります。

スライドは最大何枚？

Instagram では 1 つのカルーセルに写真や動画を最大 20 件入れられます（2024 年までは 10 件でした）。なのでこのツールは 2〜20 枚に対応しています。各スライドは幅 1080 px のフルサイズ画像なので、20 枚にはかなり横長の画像が必要です — スライド数のリストで、あなたの画像にいちばん合う枚数に印が付きます。

元の画像はどう分割される？

スライド全体で 1 本の帯になります: 枚数 × スライド幅 × スライドの高さ（4:5 で 5 枚なら 5400 × 1350）。画像はこの帯を覆うように拡大・縮小され（引き伸ばしはしません）、形が違うときは枠をドラッグして残す部分を選びます。そのあと帯を同じ幅のスライドに切るので、スワイプしたときにぴったりつながります。

スライドがぼやけて見えるのはなぜ？

残した部分の画素数がスライドに必要な数より少ないと、拡大するしかありません。そのときはページに倍率を表示します。4:5 のスライド 5 枚には 5400 × 1350 px の帯が必要で、幅 4000 px のスマホ写真ではくっきり埋められません。枚数を減らす、正方形にする、大きい元画像を使う、のどれかが効きます。

スライドは決まった順番で投稿する必要がある？

はい — Instagram の新規投稿画面で、まず slide-01、次に slide-02、slide-03… とタップしてください。カルーセルはタップした順に並び、ファイル名では並べ替えません。

透明な部分はどうなる？

スライドは JPEG（画質 95%）で保存され、JPEG には透明がないので、透明な部分は白になります。画像に透明部分があるときはページでお知らせします。

画像はアップロードされる？

いいえ。分割はすべてブラウザ内の Canvas 2D で行い、JSZip がブラウザ側で結果をまとめます。DevTools → Network タブを開けば、画像のデータを運ぶ通信がないことを確認できます。