отправка html-письма с изображениями, которые не отображаются в gmail

Я отправляю электронные письма в формате html через php. электронная почта имеет фоновое изображение, которое не отображается, когда я тестирую его с помощью почты gmail, hotmail или yahoo. Я пытался использовать тег изображения, но это тоже не работает. изображение отлично работает при использовании почтового клиента, такого как OSX Mail, Mozilla или Outlook. Любые идеи?

извините, что не добавил код. вот как я пытался это реализовать:

    <div style="border-bottom:1px solid #CCCCCC; padding:0 20px; background-color:#EDEDED; background-image:url(http://www.mysitename.com/images/email_header.png); background-repeat: no-repeat; background-position: 520px center; height:120px;"> 
Header 
</div>

Gmail отлично работает для отображения других вложений и изображений, но я думаю, что он блокирует html-изображения (даже если они являются фоновыми изображениями)


html-email
person salmane    schedule 31.01.2010    source источник

Ответы (6)


arrow_upward
3
arrow_downward

Как вы уже выяснили, Gmail не поддерживает фоновые изображения CSS.

http://www.email-standards.org/ — хороший ресурс для выяснения рендеринга электронной почты. проблемы в разных клиентах.

person jasonbar    schedule 01.02.2010

arrow_upward
2
arrow_downward

Оказывается, я использовал CSS, чтобы изображение было фоновым. Gmail это не понравилось. вместо этого я использовал тег изображения. Я не могу обосновать это, но: я делал это и раньше без успеха, но раньше я не использовал таблицы для своего макета. Итак, чтобы подвести итог ... используйте таблицы для макета HTML-тега электронной почты, вставьте тег изображения с шириной, высотой, тегом alt и gmail, hotmail и yahoo отобразят ваше изображение. надеюсь, это спасет когда-нибудь для кого-то :)

person salmane    schedule 01.02.2010

arrow_upward
2
arrow_downward

Вы сможете заставить фоновое изображение работать с помощью css. Хитрость заключается в том, чтобы не использовать стенографию и держать css под тегом body. Поэтому вместо того, чтобы вводить «фон: ...», убедитесь, что вы вводите его полностью и используете: «фоновое изображение:», «фоновый цвет:», «фоновый повтор:» и т. д. Это шоу идеально подходит для gmail и т. д. для меня.

person Luke Carson    schedule 20.11.2011

arrow_upward
0
arrow_downward

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

Попробуйте отправить электронное письмо из Gmail вручную с изображением обратно в свою учетную запись Gmail. Убедитесь, что изображение отображается. Теперь перейдите к «Показать оригинал» и скопируйте и вставьте его в текстовый файл.

Теперь сделайте то же самое с электронной почтой, отправленной из вашей программы: отправьте ее в Gmail, «покажите оригинал» и скопируйте и вставьте в другой файл.

Теперь сравните эти два файла. Насколько они разные?

person Laurence Gonsalves    schedule 31.01.2010
comment
Мой gmail отлично работает с электронными письмами в формате HTML, которые отправляются, например, из почтового приложения OS X. когда я использую стационарное приложение, изображения отображаются нормально. моя проблема, я думаю, заключается в отправке электронного письма в формате html с использованием php .... возможно, мне следует прикрепить изображение и вместо этого сослаться на вложение. ... Я не уверен, что это лучший подход, но, безусловно, должна быть одна причина, по которой я получаю электронные письма в формате html с изображениями, которые работают просто отлично. - person salmane; 01.02.2010
comment
@salmane: Итак, сравните то, что вы видите в Показать оригинал рабочего письма, отправленного из mail.app, с тем, что вы видите в Показать оригинал нерабочего письма, отправленного из вашего PHP-кода. Показать оригинал находится в раскрывающемся меню в правом верхнем углу электронного письма (рядом со словом «Ответить»). - person Laurence Gonsalves; 01.02.2010

arrow_upward
0
arrow_downward

Gmail не поддерживает свойство background-image в CSS. Я проверил это на себе.

Проверьте это: http://www.email-standards.org/clients/gmail/

person Mekey Salaria    schedule 30.07.2013

arrow_upward
0
arrow_downward

В моем случае мне нужно заменить изображение SVG версией PNG. Нет необходимости в каком-либо атрибуте для тега изображения.

person Vu Viet Hung    schedule 04.12.2020