###前提・実現したいこと
htmlメールのテンプレートを構築していますが、背景画像の表示でWindows10の標準メールソフトだけが表示されずに困っています。
###発生している問題・エラーメッセージ
メールをWindows10の標準メールソフトで見ると、背景画像が表示されるはずのところに「×」印の付いた小さな四角の画像と「この画像は表示できません」という文字が表示されます。 背景画像としてではなく普通に画像を読み込むところはきちんと表示されていますので、背景画像として読み込むところだけうまくいっていないのだと思います。
###該当のソースコード
<table id="hero" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-spacing:0; border-collapse:collapse; color:#fff;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_hero" mktoname="Hero"> <tbody> <tr> <td class="background" style="-webkit-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;height:auto;background-image:${heroBackgroundImage};vertical-align: middle;background-position:center center;background:${heroBackgroundImage};background-color:${heroBackgroundColor};padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;background-repeat: no-repeat;border-collapse:collapse;" height="auto" background="${heroBackgroundImage}" bgcolor="${heroBackgroundColor}" valign="top" width="640"> <center> <!--[if gte mso 9]> <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:auto;"> <v:fill type="frame" src="${heroBackgroundImage}" color="${heroBackgroundColor}" /> <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"> <![endif]--> <table class="table600" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-spacing:0; border-collapse:collapse; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> <tbody> <tr> <td class="" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse;" height="400"> </td> </tr> </tbody> </table> <!--[if gte mso 9]> </v:textbox> </v:rect> <![endif]--> </center></td> </tr> </tbody> </table>
###試したこと
・変数で記述されたところに実際の画像URLを入れましたが、変わりませんでした。
・Win10 mailの設定(外部画像の読み込みなど)も変えて試しましたが、変わりませんでした。
###補足情報(言語/FW/ツール等のバージョンなど)
開発環境はMacの10.11.6で、開発ツールはDreamweaverです。
メール配信システムはMarketoで、これに使うテンプレをDWで作っています。
表示確認ツールはLitmusを使っていますが、Win10については実機も併用してチェックしています。
LitmusではWindows10 Mailの他に、以下のリストを設定してチェックしています(どれも背景画像の表示については問題ありません)。
ウェブメール系
・Yahoo! Mail
・Outlook.com
・Office 365
・Google Apps
・Inbox by Gmail
・Gmail
モバイルデバイス系
・iPhone/iPad
・Gmail App
・Android 4.4
メールクライアント系
・Thunderbird 38
・Outlook 2016
・Outlook 2013
・Outlook 2011
・Outlook 2010
・Outlook 2007
・Apple Mail 9
・Apple Mail 8
あなたの回答
tips
プレビュー