Picovert

Substack画像サイズガイド2026:ニュースレターカバー、インライン、プロフィール

Picovert チーム著2026-03-304分で読了

Substackはニュースレターをウェブページとメールの両方で同時に配信します。ウェブ版で 鮮明に見える画像でも、メール配信には大きすぎる場合があり、Gmailはメール総サイズが 約102 KBを超えると切り捨てます。画像サイズを適切に設定することで、Substackニュース レターがどこでもプロフェッショナルに表示され、すべての購読者の受信トレイに完全に 届きます。

Substack画像サイズ — クイックリファレンス

  • 投稿カバー(アイキャッチ画像): 1000×563 px(16:9比率)— 写真はJPEG、 グラフィックはPNG、200 KB以下
  • インライン画像: 1600 px幅でアップロード、Substackが800 pxに縮小 — メール配信のために各150 KB以下
  • プロフィール写真: 400×400 px(1:1正方形、円形で表示)— PNGまたは JPEG
  • パブリケーションロゴ: 最小256×256 px — 透明背景のPNG推奨
  • カスタムヘッダー画像: 1500×500 px(3:1比率)
  • GIF: サポートあり — 5 MB以下を維持

Substackで画像サイズが重要な理由

Substackは、すべての投稿が同時にウェブページとメールであるという点で、他のパブリッシング プラットフォームと異なります。ウェブ版はSubstackのCDNを使用してフル品質でレンダリング されますが、メール版は各購読者のメールクライアントの制約を受けます。

  • Gmailのクリッピング: Gmailは総サイズが約102 KBを超えるメールを 切り捨て、「メッセージ全体を表示」リンクに置き換えます。SubstackのCDNでホストされた 画像はこの制限に直接カウントされませんが、過度に大きなインライン画像ファイルは全体の メールサイズとロード時間を増加させます。
  • メールクライアントの差異: Outlook、Apple Mail、Gmailはそれぞれ 異なる方法で画像をレンダリングします。正しいサイズでアップロードすることで、予期しない スケーリングやレイアウトのオーバーフローを防ぎます。
  • モバイル購読者: メール開封の半数以上がモバイルで行われます。小さな インライン画像はモバイル通信でより速くロードされます。

投稿カバー画像(アイキャッチ画像)

投稿カバーはSubstackニュースレターで最も目立つ画像です。すべての投稿の上部、Substackフィード のサムネイル、リンクを共有する際のソーシャルプレビュー、そしてウェブ版のog:imageとして 表示されます。魅力的な画像を選んでください — これは開封率に直接影響します。

  • 推奨サイズ: 1000×563 px(16:9アスペクト比)
  • 最小サイズ: 800×450 px — これより小さいとソーシャルプレビューでぼやけて見える
  • 形式: 写真はJPEG、グラフィックやイラストはPNG
  • 目標ファイルサイズ: 200 KB以下(高速なウェブ読み込みのため)
  • 重要なコンテンツは中央に配置 — Substackはさまざまなフィードカードサイズに合わせて カバーをクロップします
  • Substackはソーシャル共有のog:imageとしてこの画像を使用します

画像リサイズツールでカバーを正確に1000×563 pxに調整し、 アップロード前に画像圧縮ツールで200 KB以下に圧縮してください。

インライン画像(ニュースレター本文内)

Substack投稿の本文に挿入された画像は、ウェブ版とメール版の両方で最大800 px幅で レンダリングされます。1600 pxでアップロードすると、高解像度ディスプレイで鮮明に 表示され、Substackが表示サイズを800 pxに調整します。

  • 1600 px幅でアップロード — Substackが800 pxで表示(Retinaに対応)
  • 目標ファイルサイズ: 画像1枚あたり150 KB以下 — メール配信に特に重要
  • メール専用最適化の場合、各インライン画像を100 KB以下に保つことで、 低速モバイル接続でも高速レンダリングを確保
  • 写真はJPEGクオリティ80〜85 — PNGより大幅に小さく、十分な鮮明さを維持
  • スクリーンショット、図表、テキスト入り画像はPNG — シャープなエッジを保持

画像圧縮ツールを使用してインライン画像を150 KB以下に 減らしてください。投稿あたり複数の画像を使用する場合は、Gmailのレンダリング閾値内で メール総サイズを維持するために各100 KB以下を目指してください。

重要:メール画像配信について

Substackはすべての画像をCDNでホストするため、画像はメールに直接埋め込まれるのでは なくリモートで読み込まれます。つまり、画像ファイルサイズが直接メールサイズに影響する わけではありません。ただし、画像を軽量に保つ重要な理由はまだあります:

  • メール内の読み込み時間: メールクライアントはメールを開くときに CDNから画像を読み込みます — 大きなファイルは特にモバイルで目に見える遅延を引き起こします
  • デフォルトでブロックされる画像: 多くの企業メールクライアントは デフォルトで画像をブロックします。代替テキストは表示されますが、画像が巨大な プレースホルダーだとレイアウトが損なわれます
  • 購読者の帯域幅: 従量課金制接続を使用している読者は小さな画像の 恩恵を受けます
  • 各インライン画像を150 KB以下に保ち、3枚以上のインライン画像がある ニュースレターの場合は100 KB以下が理想的です

プロフィール写真

Substackプロフィール写真はすべての投稿の名前の横、パブリケーションホームページ、 購読者メール受領書に表示されます。Substackはこれを円形で表示するため、被写体を 中央に配置し、角に重要な要素を置かないようにしてください。

  • 推奨サイズ: 400×400 px(1:1正方形)
  • イラストやロゴはPNG、写真はJPEG
  • 円形表示が角をクロップします — 顔やロゴをフレームの中央に配置してください

画像クロップツールで完全な正方形を作成し、画像リサイズツールで400×400 pxに調整してください。

パブリケーションロゴ

パブリケーションロゴはメールヘッダー、Substackホームページの上部、そしてSubstack ディスカバリーフィードでパブリケーション名の横に表示されます。メールヘッダーでは 約32 pxで表示されるため、太くシンプルにデザインしてください。

  • 最小サイズ: 256×256 px(メールヘッダーで約32 pxで表示)
  • 透明背景のPNG推奨 — どんな背景でもきれいにレンダリング
  • 細い線や小さなテキストは避けてください — 32 pxサイズでは細部が消えます

カスタムヘッダー画像

パブリケーションホームページにカスタムヘッダーを使用する場合、Substackはページ上部に ワイドバナーとして表示します。この画像はメール版には表示されません。

  • 推奨サイズ: 1500×500 px(3:1比率)
  • 重要なコンテンツは中央に配置 — モバイルビューポートでは端がクロップされます
  • 写真はJPEG、テキストや単色を含むグラフィックはPNG

Substackライターのためのヒント

  1. カバー画像が開封率を決めます — 投稿カバーはフィードとソーシャル プレビューで読者が見る画像です。すべての投稿に高品質で関連性の高い画像を用意してください
  2. インライン画像を各100 KB以下に圧縮してください — 複数の画像を持つ ニュースレターの場合、すべてのメールクライアントで高速レンダリングを保証します
  3. 自分宛にテストメールを送ってください — 公開前に必ずGmailと Apple Mailで画像がどのようにレンダリングされるか確認し、予期しないクロップ、 ぼやけ、レイアウト問題がないかチェックしてください
  4. 一貫したビジュアルスタイルを維持してください — 投稿全体で同じ 画像サイズ、カラーパレット、スタイルを使用することで、ニュースレターの認識可能な ブランドを構築できます
  5. GIFがサポートされています — Substackはウェブ版とメール版の両方で アニメーションGIFをレンダリングします。遅い読み込みを避けるために5 MB以下に 保ってください