Подтвердить что ты не робот

Изображение HTML не отображается в Gmail

Я отправляю бюллетень электронной почты в формате HTML. Внутри HTML у меня есть что-то вроде

<img height='70' width='70' style='display:block' src='myDomain.com/imageName.png'>

Когда я открываю информационный бюллетень с помощью Thunderbird или Outlook, изображение отображается. Однако, когда я открываю его в Gmail, изображение не отображается. Я не уверен, что это про прокси-сервер, который использует Gmail по соображениям безопасности, или если что-то еще. В любом случае, я хотел бы знать, если кто-нибудь когда-либо сталкивался с этим, и если да, то как это было решено.

4b9b3361

ОТВЕТЫ

Ответ 1

Поздно к партии, но здесь идет... Я тоже испытал эту проблему, и она была решена следующим образом:

  • Включение схемы в src url (использование "//" не работает - используйте полную схему EG: "https://" )
  • Включение атрибутов ширины и высоты
  • Включение атрибута style = "display: block"
  • Включение атрибутов alt и title

EG:

<img src="https://static.mydomain.com/images/logo.png" alt="Logo" title="Logo" style="display:block" width="200" height="87" />

Ответ 2

Google разрешает только изображения, поступающие из надежного источника.

Итак, я решил эту проблему, разместив свои изображения на диске Google и используя его url как источник для моих изображений.

Пример: с: http://drive.google.com/uc?export=view&id=FILEID ' >

чтобы сформировать URL-адрес, пожалуйста, см. здесь.

Ответ 3

Также проверьте свою кодировку: Google кодирует пробелы как + вместо %20. Это может привести к недопустимой ссылке на изображение.

Ответ 4

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

Ответ 5

Возможно, вы отключили их в настройках gmail, ссылаясь на ссылку, чтобы изменить их https://support.google.com/mail/answer/145919?hl=en

Также gmail может блокировать изображения, думая, что они подозрительны.

по ссылке выше.

Как Gmail делает изображения безопасными

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

Отправители не могут использовать загрузку изображений, чтобы получить информацию, такую ​​как ваш IP-адрес адрес или местоположение. Отправители не могут установить или прочитать файлы cookie в своем браузер. Gmail проверяет ваши изображения на наличие известных вирусов или вредоносных программ. В в некоторых случаях отправители могут знать, имеет ли открыл сообщение с уникальными ссылками на изображения. Как всегда, Gmail сканирует каждый сообщение о подозрительном контенте и если Gmail считает отправителя или сообщение потенциально подозрительное, изображения не будут отображаться, и вы будете спросите, хотите ли вы видеть изображения.

Ответ 6

Для меня проблема заключалась в использовании изображений SVG. Я переключил их в PNG, и это сработало.

Ответ 7

HTTP или HTTPS должен быть полным адресом

background-image: url (http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg)

var mailOptions = {
  from: '[email protected]',
  to: emails,
  subject: 'i super another ma node mailer cool test',
  text: 'That was easy!',
  html: '<a href="//google.com"><div style="background-image: url(http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg);width:500px;height:500px">ascfas</div></a>'
};

Ответ 8

Я знаю, что Gmail уже исправил все вышеперечисленные проблемы, alt и прочее.

И это не имеет отношения к вопросу, но, вероятно, кто-то испытывает то же, что и я.

Так что мой веб-дизайнер использует тег "изображение" вместо "img", но симптом был тот же. Это работает на внешний вид, но не Gmail.
Мне требуется час, чтобы понять. Вздох, такая трата времени.

Поэтому убедитесь, что тег "img" не является "изображением".

Ответ 9

Я даже позже прихожу на эту вечеринку, но потратив около 2 часов на все мыслимые вещи и не имея никакой удачи, я наконец понял, что это сработает, если я загружу фотографии в GOOGLE ФОТОГРАФИИ вместо GOOGLE DRIVE. Затем я могу щелкнуть правой кнопкой мыши на картинке, скопировать адрес, вставить его, и он прекрасно работает.

Ответ 10

Моя проблема была похожа. Это мой опыт тестирования тега IMG в Gmail. (при условии, что большая часть организации будет иметь сервер Dev Qa и Prod.)

Мне приходилось отправлять электронные письма клиентам по их личному идентификатору, и мы могли видеть, что gmail добавляет что-то свое, например, следование атрибуту src тега img. Теперь, когда мы отправляли эти изображения из нашей среды разработки, они никогда не отображались в gmail, и нам всегда было любопытно, почему?

https://ci7.googleusercontent.com/proxy/AEF54znasdUhUYhuHuHuhHkHfT7u2w5zsOnWJ7k1MwrKe8pP69hY9W9eo8_n6-tW0KdSIaG4qaBEbcXue74nbVBysdfqweAsNNmmmJyTB-JQzcgn1j=s0-d-e2-ft#https://www.prodserver.com/Folder1/Images/OurImage.PNG

поэтому изображение, отправленное на мой идентификатор Gmail, как показано ниже, никогда не работало для меня

<img src="https://ci7.googleuser....Blah.Blah..https://devserver.com/Folder1/Images/OurImage.PNG">

и нашему серверу разработки мы не можем отобразить это изображение, перейдя по следующему URL-адресу в Chrome (или в любом браузере).

https://www.devserver.com/folder1/folder2/myactualimage.jpg

теперь, пока у src есть www, он работает все время, и нам не нужно было добавлять какие-либо другие атрибуты.

<img src="https://www.**prodserver**.com/folder1/folder2/myactualimage.jpg">