html дизайн электронной почты для gmail - не отображается изображения

Question

Я разрабатываю шаблон электронной почты и тестирую его на разных клиентах, включая gmail. Gmail просто не отображает изображения. Не говорите мне, что gmail не поддерживает его, потому что я получаю изображения все время. Логотип, конечно, находится в HTML-коде, а не в CSS.

Вот мой код заголовка стола:

<table align="center" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; line-height: 1.5em;"> 
<tr> 
<td> 
<p>     
<img style="display: block; margin: auto;" align="center" alt="Example logo" src="http://example.com/media/images/email/example-logo.png"/> 
</p>     
</td> 
</tr> 
</table> 

Любые предложения?

Answer 1

у вас есть ошибка

альт = "Пример" логотип»

Этот HTML должен работать

<table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#fefefe"> 
    <tr> 
     <td align="center"> 
      <table width="700" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"> 
       <!--header starts--> 
       <tr> 
        <td align="center" width="100%"><img src="http://siteurl.com/logo_beta.png" alt="Company Logo" /></td> 
       </tr> 
       <tr> 
        <td align="left"> 
        <p><strong><font size="2.5" face="Times New Roman, Arial, Helvetica, sans-serif">Hi User!</font></strong> 
        </p> 
        </td> 
       </tr> 
       <tr><td><span><br></span></td></tr> 
       <!--header ends--> 
       <!--content starts--> 
       <tr> 
        <td colspan="3" align="center"> 
         <table width="700" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;"> 
          <!--Table Content--> 
         </table> 
        </td> 
       </tr> 
       <!--content ends--> 
       <!--fotter starts --> 
       <tr> 
        <td align ="left"> 
        <p><strong><font size="2.5" face="Times New Roman, Arial, Helvetica, sans-serif">Thanks<br> 
          With best wishes, Company</font></strong> 
        </p> 
        </td> 
       </tr> 
      </table>  
     </td> 
    </tr> 
</table> 

Answer 2

Gmail автоматически отображаются изображения в ваших сообщениях. Если у вас есть медленное подключение к Интернету или ограниченные мобильные данные, вы можете изменить настройки, чтобы Gmail спрашивал вас перед показом изображений.

Примечание. По этой причине мы не должны зависеть от изображений. Лучшим способом является , чтобы использовать стиль alt text, поэтому, если изображения заблокированы провайдером электронной почты из-за низкого подключения к Интернету или из-за проблемы с безопасностью, почта должна оставаться .

Gmail сканирует каждое сообщение о подозрительном контенте, и если Gmail считает, что отправитель или сообщение потенциально подозрительны, изображения не будут отображаться, и вас спросят, хотите ли вы видеть изображения.

Фактический материал от gmail support.