メールのサイズ ─ テンプレートに最適なサイズ

2024 年には、メールがどのデバイスでもきれいに表示されるようにすることがこれまで以上に重要になります。その重要な点の 1 つは、適切なメール テンプレート サイズを使用することです。このガイドでは、メールの全体の幅と高さ、ヘッダー、コンテンツ ブロック、フッター、バナーなど、メールのさまざまな部分に最適な寸法を示します。

適切なサイズを使用すると、読者がスマートフォン、タブレット、またはコンピューターのどれを使用していても、メールがすっきりとプロフェッショナルに見えます。たとえば、ほとんどのメール テンプレートの理想的な幅はデスクトップでは 600 ～ 640 ピクセルで、これによりメールが横で切れることがなくなります。モバイルでは、約 320 ピクセルの幅が最適です。

ヘッダーは通常メールの一番上にあり、ロゴやナビゲーションリンクをきれいに収めるために高さは70～150ピクセル程度にしてください。メインのメッセージを入れるコンテンツブロックは、読者を圧倒することなく関心を惹きつけるために高さは800～1200ピクセルにしてください。フッターには連絡先の詳細や ソーシャルメディアリンク高さは約 100 ピクセルになります。

バナーは画像または行動喚起ボタンであり、メールの幅と一致し、高さは約 90 ～ 200 ピクセルである必要があります。これらの寸法を知っておくと、読みやすく視覚的に魅力的なメールをデザインするのに役立ち、エンゲージメントとコンバージョン率が向上します。

このガイドでは、これらの理想的な寸法について説明し、2024 年に最適なメール テンプレートを作成するためのヒントを提供します。

理想的なメールテンプレートの幅を理解する

メールをデザインする際に、正しく設定する必要がある最も重要な要素の 1 つは、テンプレートの幅です。2024 年現在、メール テンプレートの標準の幅は、デスクトップ ビューで 600 ～ 640 ピクセルです。このサイズは、メール コンテンツがほとんどの画面に適切に収まり、切り取られたり押しつぶされたように見えたりしないため、広く受け入れられています。たとえば、Wet n Wild などの多くのブランドでは、メールがすっきりと読みやすいように、幅 610 ピクセルを使用しています。

しかし、モバイルデバイスでは、狭い画面に収まるように幅をもっと小さくする必要があります。縦向きのモバイルビューでは、約320ピクセルの幅が理想的です。これにより、読者が横にスクロールしなくてもメールを簡単に読むことができます。たとえば、 カスタムメールテンプレートデザイン、メールがモバイルフレンドリーであることを確認するには、この幅を設定します。

デスクトップでは最大 800 ピクセルの幅にすることができますが、メールが正しく表示されることを確認するには、さまざまなデバイスでテストすることが重要です。適切な幅を選択すると、すっきりとしたプロフェッショナルな外観が維持され、メールがより魅力的になり、視聴者がやり取りしやすくなります。

最適なメールサイズの内訳

メールのさまざまな部分に最適なサイズを見つけることで、メッセージの受信方法に大きな違いが生じる可能性があります。たとえば、メールの幅は非常に重要です。多くのマーケティング担当者は、ほとんどのメールに最適な幅は 600 ピクセルであることに同意しています。

このサイズは、ほとんどの画面に切り取られることなくきれいに収まるため、適しています。もう少し幅を広げたい場合は、通常、800 ピクセルまでが安全です。モバイル デバイスの場合、幅 320 ピクセルが推奨されますが、読者がスマートフォンを横向きにすることを気にしない場合は、480 ピクセルまで広げることができます。

メールの高さは、より柔軟にすることができます。通常、メールの高さは 1500 ピクセル程度が適切な目標ですが、必要に応じて 3000 ピクセルまで上げることができます。ただし、メールが長すぎると最後まで読まれない可能性があることに留意してください。たとえば、多くの製品画像を含むプロモーション メールには高さが必要になる場合がありますが、シンプルな更新情報やニュースレターには高さを低く抑えることができます。

メールの重さ、つまりファイル サイズも重要です。メールがすばやく読み込まれ、メール クライアントで切り捨てられないようにするには、HTML メールの重さを 75 KB にすることを目標にしてください。 大きな画像とGIF ファイルの重量が増加する可能性があるため、圧縮することをお勧めします。たとえば、画像は理想的には約 200 KB、GIF は 1 MB 以下にする必要があります。

これらの寸法を使用すると、メールの見栄えが良くなり、機能も向上し、視聴者のエンゲージメントが向上します。

あらゆるデバイスに合わせてメールの幅を最適化する

いつ メールのデザイン読みやすさと見た目のためには、幅を適切に設定することが重要です。ほとんどのメール デザイナーは、デスクトップ メールの最適な幅は 600 ピクセルであることに同意しています。このサイズはほとんどの画面にうまく収まり、コンテンツが途切れたり、正しく表示されなかったりすることはありません。もう少しスペースが必要な場合は、最大 800 ピクセルまで増やすことができますが、互換性を確認するには、さまざまなメール クライアントでテストする必要があります。

モバイル デバイスの場合、推奨される幅は 320 ピクセルです。このサイズは、縦長のスマートフォン画面にぴったり収まります。ただし、480 ピクセルまで広げると、ユーザーはメール全体を表示するために携帯電話を横向きにする必要があるかもしれません。カスタム メール テンプレート デザインを使用すると、さまざまな画面サイズに自動的に調整されるテンプレートを作成し、視聴者にシームレスなエクスペリエンスを提供できます。

たとえば、ある企業が月刊ニュースレターに 600 ピクセル幅のテンプレートを使用するとします。これにより、デスクトップとモバイル デバイスの両方で画像、テキスト、ボタンがすべてはっきりと表示されます。特別なプロモーションがある場合は、より多くの製品画像と説明を含めるために、より幅の広い 800 ピクセルのテンプレートを使用する場合がありますが、まずはさまざまなプラットフォームで徹底的にテストします。

メールの幅を慎重に選択することで、コンテンツがどのデバイスでも適切に表示されるようになり、読者のエクスペリエンスが向上し、エンゲージメントが向上します。

結論

まとめると、適切なメール サイズを見つけることが、メールの見栄えを良くし、すべてのデバイスで適切に機能させるための鍵となります。幅、高さ、ヘッダー、フッター、コンテンツ ブロックなどのさまざまな要素など、メールのさまざまな部分の理想的な寸法について説明しました。これらのガイドラインに従うことで、魅力的で機能的なメールを実現できます。

たとえば、デスクトップでは幅を 600 ピクセル、モバイル デバイスでは幅を 320 ピクセルにすると、すっきりとしたレイアウトを維持できます。全体の高さを 1500 ピクセル程度に抑えると、メールが長くなりすぎず、読者の興味を失わずに済みます。メールに画像や GIF が含まれている場合は、読み込み時間が長くならないように圧縮してください。

効果的なメール デザインの良い例として、オンライン ストアのプロモーション キャンペーンが挙げられます。デスクトップ ビューアー用に 600 ピクセル幅のテンプレートを使用し、すべての重要な情報が最初の 300 ピクセルの高さに収まるようにしました。これにより、メールの読み込みが速くなり、読みやすくなりました。モバイル ビューアー用に、テンプレートは 320 ピクセルに調整され、レイアウトがすっきりとしていてアクセスしやすい状態になっています。

カスタムメールテンプレートデザインを使用すると、さまざまな画面サイズやデバイスに自動的に調整されるテンプレートを作成し、コンテンツが常に最適な状態で表示されるようにすることができます。このアプローチは、 ユーザーエクスペリエンスを向上させる エンゲージメントとコンバージョン率も向上します。

メールのサイズに関するこれらのベスト プラクティスに従うことで、2024 年のメール マーケティング キャンペーンでより良い結果を達成できるようになります。