Instagram ストーリー

全画面モバイル表示用に構築された垂直 9:16 レイアウトを使用して、画像のサイズを Instagram ストーリー サイズに変更します。

アスペクト比: 9:16
プラットフォーム: Instagram
画像リサイズ

ぼかした背景で自然な仕上がりにします

2/2
Pro で無制限に利用

Instagram ストーリー サイズを使う理由

フルスクリーンのプレゼンス

モバイルディスプレイ全体に表示される縦型フォーマットを使用します。

ストーリーとリールの準備完了

短編形式の垂直パブリッシングに適したアセットを作成します。

モバイルファーストのフレーミング

中心となるコンテンツが最も重要となる縦長のキャンバスを中心にデザインします。

こんな用途におすすめ

  • Instagramのストーリー
  • リールカバースタイルのアセット
  • 舞台裏のアップデート
  • 製品のお知らせ
  • 投票と簡単なキャンペーン投稿

Instagram ストーリー デザインガイド

ストーリーのレイアウトは、画面の上部と下部のインターフェイス要素を回避する必要があります。最も安全なアプローチは、重要なコンテンツを中央ゾーンに配置し、素早く鮮明に表示できることを念頭に置いて設計することです。

Instagram 向けデザインのヒント

  • 💡重要なテキストや件名を上端と下端から遠ざけてください。
  • 💡ストーリーはすぐに閲覧できるため、大きなテキストと明確なコントラストを使用します。
  • 💡関連する場合、モーション、ステッカー、またはその他のオーバーレイ要素をデザインします。

避けたいポイント

  • インターフェイスクロムがカバーする場所にテキストを配置します。
  • 素早いスワイプでは読めない小さなタイポグラフィを使用します。
  • 縦長のトリミングを考慮せずに、ワイド画像を再利用しようとしています。

実用ポイント

  • ブランドの一貫性を保つために、再利用可能なストーリー テンプレートを作成します。
  • ステッカーやインタラクティブな要素のための十分なスペースを残しておきます。
  • フレームの残りの部分と同じように、注目の最初の 1 秒を慎重にデザインします。

Instagram 用サイズへのリサイズ方法

1

画像をアップロード

ドラッグ&ドロップまたはクリックで画像を選択します。JPG、PNG、WebP などに対応しています。

2

テンプレートを確認

Instagram ストーリー テンプレート (1080x1920px) があらかじめ選択されています。

3

余白オプションを選ぶ

自動色検出、ぼかし、単色などから仕上がりに合う方法を選べます。

4

すぐにダウンロード

処理が終わったら、Instagram ストーリー サイズの画像をそのまま保存できます。

他の Instagram サイズ

関連画像ツール

ページを離れることなく、他の一般的なタスクにジャンプします。これらのリンクは、人間がスキミングできる状態を維持しながら、クロール可能な範囲を維持します。

リサイズ後に最適化

必要に応じて圧縮や形式変換も続けて行えます。

メタデータ確認と整理

公開前に EXIF の確認や削除も行えます。

画像サイズ調整ガイド

公開先ごとのサイズ選びに役立つ関連ガイドです。