Как отобразить изображения в html-содержимом электронной почты в gmail? - PullRequest
Новая
       6

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

0 голосов
/ 27 апреля 2018

В электронной почте yahoomail и html изображения загружаются, но не в gmail. Я заметил, что в Gmail URL-адреса изображений изменены.

Например,

URL изображения в Yahoo / Hotmail: http://qaecmwcs.qacorp.moneygram.com/sites/Satellite?blobcol=urldata&blobkey=id&blobnocache=true&blobtable=MungoBlobs&blobwhere=1515690635784&ssbinary=true

URL для того же изображения в Gmail: https://ci5.googleusercontent.com/proxy/2B2Fyk0aboH-eiikaxVWdIC9DXbJzhZEuWKm5yPwUeXf3SdYRuoKBGT-HeCFRlNcg7VTzljtSsEhHkikFMGPac35C6Az2Fc2wsdig3xj0S3g1bEIABaMx9RKnTjYuqagP1hUGNl3GG4f2aHy26wHrINZkdn5Wv3y6zcvbWHUL8rabUcjHuCO05i8RM31x8iFJmUorccqIJM6P9f6-eLIaQ5GpZYCrKPJws72HfM2-AsXcg=s0-d-e1-ft# http://qaecmwcs.qacorp.moneygram.com/sites/Satellite?blobcol=urldata&blobkey=id&blobnocache=true&blobtable=MungoBlobs&blobwhere=1515690635784&ssbinary=true

Когда я вручную удаляю дополнительную часть URL в изображении src, из DevTools я могу видеть изображение. Может кто-нибудь, пожалуйста, дайте мне знать, как я могу справиться с этим в Gmail?

Ответы [ 2 ]

0 голосов
/ 02 мая 2018

Брандмауэр блокировал отображение изображений. Когда клиент открывает брандмауэр, загружаются изображения с сервера.

0 голосов
/ 27 апреля 2018

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

Путь к изображению

Вот как изображение должно быть отформатировано: 

<img src="staticpath" alt="imagename" class="imageclass" />
<img src="https://www.w3schools.com/images/w3schools_green.jpg" width="104" height="142" alt="W3Schools.com">
<img src="https://placehold.it/600x600" height="600" width="600" />

Дополнительная информация :

Дескрипторы изображений

Рекомендуется, чтобы путь к изображению заканчивался дескриптором, определяющим формат изображения. Изображения, которые хорошо работают с электронными письмами, включают .jpg .png .gif.

Дополнительная информация :

Шаблоны электронной почты

Ваши шаблоны электронной почты должны соответствовать основным правилам хорошо отформатированной HTML-страницы. Разработка электронной почты не является веб-разработкой, поскольку почтовые клиенты не поддерживают текущие стандарты HTML 5 или CSS 3. Таким образом, можно создать очень сложную электронную почту.

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

Примеры шаблонов электронной почты :

Пожалуйста, найдите время, чтобы прочитать этот ответ, прочитайте прилагаемые примеры.

Удачи с вашими изображениями.

...