読み込みの遅いメールマガジンはクリック率を下げます。画像が最大の原因です。平均的なニュースレターには 3〜8枚の画像が含まれており、それぞれ500 KBあると、テキストを追加する前にすでに4 MBを超えます。ほとんどのメールクライアントは約102 KBでメッセージをタイムアウトまたはクリッピングします。見た目を損なわずにニュースレター画像を十分小さくして高速表示させる方法を紹介します。

メールで画像サイズが重要な理由

メールクライアント（Gmail、Outlook、Apple Mail）は画像をすぐに読み込みません。受信者が「画像を表示」をクリックするかスクロールするまで待機します。重い画像は長い待ち時間を意味します。 Gmailは102 KBを超えるメールをクリッピングし、残りを「メッセージ全体を表示」リンクの後ろに隠すため、エンゲージメントが大幅に低下します。遅い接続のモバイルユーザーが最も影響を受けます：1 MBのヒーロー画像は 1 Mbpsのモバイル接続で8秒以上かかります。

ニュースレター画像の目標ファイルサイズ

ヒーロー画像：100 KB未満（最大200 KB）。
商品画像：各30〜80 KB。
アイコンとロゴ：5〜20 KB。
メール全体の画像ペイロード：500 KB未満。

推奨ピクセル寸法

メールニュースレターのコンテンツ列は通常幅600 pxです。以下の寸法を出発点として使用してください：

ヒーロー/ヘッダーバナー：600 × 200 px または 600 × 300 px
全幅商品画像：600 × 400 px
2列商品グリッド：画像あたり280 × 280 px
ロゴ：200 × 60 px（またはブランドの比率に合わせて）

2000 px幅の画像をアップロードしてメールクライアントに縮小させないでください。それでも全解像度のファイルがダウンロードされます。Mailchimp、Klaviyo、または使用しているプラットフォームにアップロードする前に、実際の表示寸法にリサイズしてください。

適切なファイル形式の選択

メールクライアントのWebPサポートはまちまちです（GmailはサポートしていますがOutlook 365はサポートしていません）。写真にはJPEG、透明度やテキストオーバーレイのあるグラフィックにはPNGを使用してください。

品質80% JPEG：写真、商品写真、ライフスタイル画像。
PNG-8またはPNG-24：ロゴ、アイコン、透明背景の画像。
静止画像にGIFを使用しないこと — パレット制限により写真が劣化します。

ニュースレター画像の圧縮方法

ESPにアップロードする前に画像圧縮ツールを使用してファイルサイズを削減してください。ヒーロー画像をドロップし、品質を80〜85%に設定してダウンロードします。典型的な4 MBのスマートフォン写真がニュースレターサイズで目に見える品質劣化なしに80〜120 KBになります。

商品カタログの一括圧縮の場合：まず画像リサイザーを使って幅600 pxに調整してから圧縮してください。この2ステッププロセスで確実に100 KB未満の画像を作成できます。

Mailchimpの画像アップロード制限

Mailchimpのファイルマネージャーはファイルあたり最大10 MBの画像を受け入れますが、画像エディターは3 MBの制限があります。実用的には、Mailchimpはニュースレター画像をそれぞれ1 MB未満、キャンペーン全体のサイズを500 KB未満に保つことを推奨しています。Klaviyoは最良の配信率のために画像1 MB未満、メール全体のサイズ200 KB未満を推奨しています。

Retinaディスプレイへの配慮

最新のスマートフォンのほとんどのメールクライアントは2×または3×のピクセル密度を使用します。600 px幅の画像はRetinaディスプレイでぼやけて見えます。解決策：1200 px幅でアップロードし、HTMLのwidth属性を600 pxに設定して半分のサイズで表示させてください。ダウンロードは大きくなりますが、モバイル接続ではメールクライアントが画像を積極的にキャッシュするため、鮮明さのための追加サイズは通常価値があります。

送信前のテスト

送信前に必ず自分宛にテストを送り、Gmail（ウェブ）、Apple Mail、Outlookで開いて確認してください。チェックポイント：画像は読み込まれますか？ファイルサイズは適切ですか？スマートフォンでぼやけた画像はありませんか？LitmusやEmail on Acidなどのツールは90以上のクライアントでレンダリングプレビューを表示しますが、簡単な個人テストで問題の80%を把握できます。