スマホでHTMLメールの画像が表示されない！どうしたら防げるの？

　HTMLメールを受信した際、画像がうまく表示されないことやレイアウトが崩れることがあります。特にスマートフォンでのHTMLメール受信時にこうした事象を経験したことのある方は多いのではないでしょうか。今回は、なぜこういった事象が起きるのか、どうすれば回避できるのかを説明します。

スマホで画像が表示されないケースとは？

　スマートフォンでレイアウトが崩れる事象は、主に以下の環境で発生します。

　いずれも日本特有の事象といって良いでしょう。本来あり得ない状況でHTMLメールを受け取れてしまうがゆえに、スマートフォンでレイアウトが崩れてしまうのです。それぞれ詳しく見ていきましょう。

アンドロイド端末×キャリアメールで受信した場合

　docomo.ne.jpなどの「キャリアメール」は、NTTドコモの「デコメール」をはじめとするCompact HTML形式のメールを「フィーチャフォン端末」で受信することを前提に1990年代後半に開発・発展していきました。

　一方、2000年代末期から浸透し始めたスマートフォン（及び受信するメール・アプリケーション）は、PCと同じく「標準的なメールドメイン」で「標準的なHTMLメール」を受信することを想定しています。

　　この結果、日本独自のフィーチャーフォンを想定した「キャリアメール」とPCと同等の使い方を想定した「スマートフォン端末」の組み合わせによって、うまく受信出来ない事象がしばしば発生するようになりました。

　特に「キャリアメール」×「アンドロイド端末」の場合、下記の様に文中の画像が表示されない状況に陥るケースが多く見られます。

※事象を再現したイメージとなります。

MMSでHTMLメールを受信している場合

　もうひとつは、メッセージアプリである「MMS」をEメール受信アプリに設定しているケースです。「MMS」は「SMS（ショート・メッセージ・サービス）」の拡張機能です。「MMS」は、テキストだけでなく、画像やビデオ、リッチテキストを含んだメールを送受信できます。規格上、確かにHTMLメールの送受信は可能ですが、MMSは受信する前にMMSサーバーで内容が改変される場合もあり、作成したそのままの内容を送れるとは限りません。レイアウトも下記の様にフキダシ型のインターフェイスによって崩れてしまいます。

※事象を再現したイメージとなります。

　海外では「MMS」は「ショートメッセージの拡張アプリケーション」として位置付けられている一方、日本の場合、通信事業者によっては「MMS」利用時にキャリアメール設定を必須としているケースもあるため、レイアウト崩れのHTMLメールを受け取る環境が構築されてしまうのです。

どうすればスマホで画像が表示される？

　こうした事象はどうすれば解決できるのでしょうか。一般的な２つの方法と、当社の解決方法をご紹介します。

1.ウェブページに誘導する

　HTMLメールと同じウェブコンテンツを用意しておき、表示崩れが起きた読者をそちらへ誘導させることで回避します。safariやChromeなどのウェブブラウザであれば「MMS」や「キャリアアドレス」独自の仕様から解放されるので、問題なく閲覧できます。この様にメール上部に「正しく表示されない方はこちら」といった文言にリンクを挿入するパターンが一般的です。

※事象を再現したイメージとなります。

メリット

　確実にHTMLメールの内容を閲覧させることができます。

デメリット

　準備にそれなりの手間が掛かります。メルマガ配信を行う側は、同一のコンテンツを予め作成し、ウェブサーバに設置する必要があります。もちろんレスポンシブ・デザインなどスマートフォンでの閲覧を想定した仕様にするべきでしょう。ここまで用意するのは小規模の企業では難しいかもしれません。

2.テキストメールを送る

　表示崩れが起きる読者にはテキストメールだけを送れば、問題自体が発生しません。最もシンプルな解決方法ですね。

メリット

　受信環境に適したコンテンツが届けば、受信した読者は何も煩わしさを感じずにメールを閲覧できます。

デメリット

　何をもって表示崩れが起きる読者と判断するかを定義することが難しい場合があります。日々新しい端末が発売される中で、ユーザー端末の最新情報を把握することはなかなか困難ではないでしょうか。OSや受信アプリのアップデートも考慮すると、多くのことを想定した判別を行わなければなりません。また、ドコモメールのようにウェブメール化したキャリアメールの場合は、PC、スマホ、タブレットといった複数環境で閲覧されている可能性を考慮する必要もあります。

3.WiLL Mailはハイブリッド型

　上記2つが一般的な対策方法となりますが、メール配信システムによっては、独自の解決方法を持っているケースもあります。一例として、当社の「WiLL Mail」の場合の解決方法をご紹介します。

　当社は「スマートリンク」という機能を搭載しています。この「スマートリンク」をコンテンツに挿入してメルマガを配信すれば、いずれのデメリットも回避できるようになっています。詳しくは、下記の機能詳細ページをご覧ください。

　当社のメール配信システム「WiLL Mail」は、スマートフォンの契約数がフィーチャーフォンの契約数を上回った2014年にリリースされたため、あらゆる事象を考慮したハイブリッド型のソリューション機能を標準搭載しています。

まとめ

　いかがでしたでしょうか。スマートフォンが普及して10年近くが経過した現在も、こうした国内独自の事情による問題がいくつか存在します。メール配信システムを開発する当社は、届ける側も受け取る側も余計な負荷を減らせる環境づくりを日々目指しています。

　以上、スマートフォンでHTMLメールの画像が表示されない事象について原因と解決方法をご紹介しました。最後までお読みいただきありがとうございました。