ニュースレター画像の究極のガイド

誰もが自分のニュースレターは、開いて読み、何百万人で、と係合することを望んでいます。 一部の人々は、これは内部に芸術作品を作成することによって起こると考えています。 ただし、これは正しくありません。ほとんどの場合、電子メールを開く前に、電子メールの内部を見ることができないためです。

それで、アートワークがオープンに役立たない場合、それは少なくともエンゲージメントに影響を及ぼしますか？

まあ、それは大きな印象を与えることができますが、あなたがそれを適切に行う場合に限ります。 この記事では、メールで画像を使用するための最良の方法について説明します。クリックスルーが流れることを願っています。

複数の画面に最適なニュースレターの画像サイズ

それでは、まっすぐに始めましょう。 デスクトップ表示の場合、電子メールクライアントの制限により、電子メール画像サイズの最大幅として600pxを使用することをお勧めします。 もちろん、これは、電子メール全体で水平方向に使用する可能性のあるすべての画像にも当てはまります。

幅全体を使用する場合でも、画像をあまり変更せずにモバイルサイズに縮小できる必要があることに注意してください。

電話画面の2列の電子メールの例

モバイルと言えば、読者がメールをどのように表示するかを覚えておく必要があります。 最近、ますます多くの人々がモバイルデバイスであなたの電子メールを見ているので、それに応じて計画してください。 実際、モバイルファーストのアプローチをお勧めします。 これは基本的に、最初にモバイルで見栄えがするようにメールを設計し、次にデスクトップの設計について考えることを意味します。

Active Campaign 、 Mailchimp 、 MailerLite （ちなみにここで確認します）などのニュースレターサービスを使用すると、レスポンシブテンプレートを使用してこれを簡単に実現できます。

心に留めておくべき簡単なニュースレターのデザインのアイデア

見栄えの良いメールを作成するために、デザインの学位は必要ありません。 ただし、ニュースレター全体でヘッダー画像の「不動産」について考えるときに覚えておくべき設計上のヒントがいくつかあります。

まず、上部の2インチに注意してください。 これはユーザーに表示されるメールの最初の部分であるため、ユーザーを引き付ける必要があります。そのため、画像で完全に埋めないことをお勧めします。デフォルトで表示されない特定のメールクライアントがあります（詳細は後で説明します）。 。

ただし、前述のように、魅力的なテキストを含む横長のバナーを使用して、読者を引き付けることができます。 ただし、サイズを変更しても見栄えがよくなるように、色と単語だけでシンプルに保つのが最善です。

メールで使用できるバナーの例。 このタイプのデザインは、小さい画面で適切に拡大縮小する必要があります。

覚えておくべきもう1つの設計規則は、三分割法です。 メールの3分の1以下に画像を含めることをお勧めします。 ああ、これは3分の1を意味するわけではありませんが、電子メール全体に広がっています。

プロのニュースレター画像を作成する方法

デザインの学位に戻ると、あなたは私のようで、デザインのスキルがほとんどないかまったくないかもしれませんが、見栄えのするものを作成できないわけではありません。 メール用の画像を簡単にデザインできるDIYサービスがあります。もちろん、 Snappaは素晴らしいオプションです。 これらのサービスは、多くのテンプレートやアイコンを提供するだけでなく、電子メールバナーなどの特定の要素を簡単に設計できるように、事前に定義されたキャンバスサイズも提供します。

Snappaで選択できるキャンバスサイズオプションの例。

覚えておくべき最終的な設計のアイデアの1つは、柱の設計です。 ほとんどがテキストである単純な電子メールを作成する場合は、多くの場合、1つの列内に物事を保持するのが最善です。 最近のほとんどのニュースレターサービスで利用可能なテンプレートを使用すると、応答性が高い限り、2列または3列のデザインを使用することもできます。 その後、小さな画面に表示されたときに、列が快適に再編成されて互いに重なり合うようになります。

メールヘッダー画像ファイルサイズカウント

メールに画像を追加するときに考慮する必要があるもう1つのことは、ファイルサイズです。 これらは可能な限り小さくする必要があります。そうしないと、電子メールクライアントによって適用されるサイズ制限を超えません。 画像が1MB以下であることを確認しますが、各画像で100 kb以下を目指してみてください（アニメーションを使用している場合を除く）。

可能な限り品質を維持しながらファイルサイズを縮小する良い方法は、 tinypng.comで実行することです（jpg画像でも機能します）。 画像をページにドロップするだけで、画像が小さくなります（品質の違いに気付くことさえありません）…すべて無料です！

画像ブロッカーの周りにメールマガジンをデザインする

最近のほとんどの電子メールクライアントでは、自動画像ブロックがオンになっていますが、ユーザーによって無効にされている場合とされていない場合があります。 これは頻繁に発生するため、読者にオファーを伝えるように設計を計画することが重要です。 これを行うにはいくつかの方法があります。

まず、完全に画像ベースの電子メールを作成しないでください。 これは、画像のブロックを回避したい場合、文字通り逆のことです。 ブロッキングがオンになっている場合は、空のメールを誰かに送信しただけです。

これと同じアドバイスが、電子メール内の召喚状にも当てはまります。 画像ブロックがオンになっていると見落とされるため、画像内に配置しないでください。 これらにはフォーマットされたテキストリンクを使用するのが最善です。

画像ベースのリンクは表示されない場合があるため、CTAにはフォーマットされたテキストリンクを使用することをお勧めします。

私たちの提案に従った人々にとって、あなたの画像がまだブロックされている可能性があるのは事実です。 この場合、メッセージがまだホームに届くようにする別の方法は、「代替テキスト」または代替テキストを使用することです。 これは、画像が読み込まれない場合に表示されるテキストです。 単に画像の説明ではなく、有益な情報である必要があります。

たとえば、店内の新商品を誰かにチェックしてもらいたいのに、美しい商品の画像が読み込まれなかった場合でも、代替テキストを使用して「新しいトートバッグをチェックしてください」と言うことができます。 これにより、読者に情報と召喚状が提供されます。 一部の電子メールエディタでは、代替テキストにスタイルを追加して、より目立たせることができます。

ニュースレターのビデオと電子メールのGIF

明らかに、バイラルな「かわいい動物」の動画をチャンネル登録者と共有するのは素晴らしいことですが、動画をメールに埋め込むのは良い考えではありません。 その理由は、ほとんどの電子メールクライアントがそれを許可していないからです。 また、多くの場合、ビデオファイルは非常に大きく（埋め込まない場合）、ハードワークをスパムフォルダに直接送信してしまう可能性があります。

これを回避する1つの方法は、静止画像に再生ボタンをオーバーレイすることです。これにより、ユーザーはホストされているサービス（YouTubeなど）に移動します。 ただし、別の方法があります。アニメーションGIFを使用することです。

家庭用品ブランドのAnthropologieは、キャンペーンでこのGIFを使用しました。 画像ソース：Mailbakery.com

GIFは、電子メール内のビデオコンテンツの軽量な代替手段を提供し、さまざまな方法で作成できます。 GIFは、製品がどのように機能するかを示したり、さまざまな角度を示したり、単に人目を引くものを作成したりするのに最適です。 大きすぎないように注意してください（1MB未満を推奨）。また、画像のように、使いすぎないようにしてください。

軌道に戻る–オープンレートの概要

オープン率は実際には画像の影響を受けないことを上で説明しましたが、2つの間には依然として興味深い関係があることがわかりました。

ActiveCampaignのオープンレート。

オープンレートを追跡する方法は、単一ピクセルのグラフィックをロードすることです。 このピクセルが読み込まれると、顧客がメールを開いたことが登録されます。 ここで、画像のブロックについて説明した情報を使用すると、問題が発生する可能性のある場所を確認できますか？

はい、画像のブロックが発生した場合、または顧客がテキストのみのバージョンの電子メールを受信することを選択した場合、そのピクセルはロードされません。 これにより、報告されるオープンが1つ少なくなります。 これはすべて、必ずしも真の表現であるとは限らないため、一粒の塩を含むオープンレートレポートを作成する必要があるということです。

結論

この記事では多くのことを説明しましたが、役立つポイントがいくつかあることを願っています。 あなたの電子メールは美しく、そして機能的であることができます、それでもあなたはあなたの画像を見ることは決してない人々のために機能が形を打ち負かすことを確認する必要があります。

残念ながら、メールクライアントが送信内容をどのように表示するかを制御できないため、クライアントと連携する必要があります。 上記のアイデアを念頭に置いておくと、メールがスパムフォルダのブラックホールに到達するのではなく、受信トレイの光が見えないようにするのに役立ちます。