EllyTools

画像ツール

計算ツール

テキストツール

カラーツール

ファイルツール

便利ツール

Instagramプレビュー

投稿・ストーリー・リールをリアルなInstagramモックアップでプレビュー

画像をドラッグ、クリック、または貼り付け

0 / 2,200文字ハッシュタグ 0 / 30
instagram.com
your_username
画像をアップロードするとモックアップが表示されます

1,234 likes

コメント56件をすべて見る

2 hours ago

◈ 使い方

1

画像をアップロード(ドラッグ&ドロップ、クリック、またはクリップボードから貼り付け)

2

ユーザー名、キャプション、いいね数などの詳細を入力

3

投稿、グリッド、ストーリー、リールのプレビューモードを切り替え

4

ダークモードを切り替え、アスペクト比を変更し、モックアップをPNGでダウンロード

❓ よくある質問

関連ツール

◉ こんな方におすすめ

  • ✓フィードの美しさを計画しているInstagramクリエイターやインフルエンサー
  • ✓公開前にコンテンツを確認するソーシャルメディアマネージャー
  • ✓クライアントにInstagramモックアップを提示するグラフィックデザイナー
  • ✓投稿レイアウトとグリッド配置を確認するマーケティングチーム

Instagram表示の確認 — 投稿前にどう切れるかを見る

画像がフィード、プロフィールのグリッド、ストーリーズでどう表示されるかを並べて確認します。投稿してから切れていることに気づく、という事態を防げます。

同じ画像が、表示される場所ごとに違う比率で切り取られます。フィードでは縦長のまま出ても、プロフィールのグリッドでは左右が削られます。ストーリーズでは上下に余白が入ります。

投稿前に並べて見れば、どこが切れるかが分かります。大事なものが切れる位置にあるなら、作り直すか位置を変えてください。

場所ごとの比率

場所比率備考
フィード(縦長)4:5画面を最も大きく使える
フィード(正方形)1:1以前の標準
プロフィールのグリッド3:41:1 から変わった
ストーリーズ・リール9:16上下にボタンが重なる

グリッドの比率が変わりました

プロフィールに並ぶタイルは、長く1:1の正方形でした。今は3:4の縦長です。そのため、正方形で投稿した画像はグリッドで左右が切り取られます。

4:5で投稿すると、フィードで画面を大きく使えて、グリッドでもほぼそのまま残ります。両方を成立させたいならこの比率が現実的です。

どうしても正方形を使う場合は、被写体を中央に寄せてください。端に置いた文字やロゴはグリッドで消えます。

ストーリーズで隠れる範囲

ストーリーズは9:16ですが、上部にはアカウント名と進捗バー、下部には返信欄やボタンが重なります。上下それぞれ全体の15%程度は、何かが乗る前提で空けておくのが安全です。

文字を入れるなら中央付近に。端に置くと、機種によっては画面外に出ます。

リールも同様です。下部にキャプションやアイコンが重なるので、要素は中央寄りに置いてください。

よくある質問

どの比率で作るのがよいですか?

4:5です。フィードで大きく表示され、グリッドでもほぼそのまま残ります。

正方形の投稿はもう使えませんか?

使えますが、グリッドで左右が切り取られます。被写体を中央に寄せてください。

画質が落ちて見えます。

Instagram側で圧縮されます。横1080px前後で用意すると劣化が目立ちにくくなります。

画像はアップロードされますか?

されません。確認はすべてブラウザの中で行われます。