Как делать фоновые изображения в email рассылке?

Question

[Кристина]

Здравствуйте!
Как вставлять фоновые изображения в email рассылку?

Answer 1

[game802]

style='background-image: url("http://"); background-repeat: no-repeat'

Comments

[Кристина]

Здравствуйте!

<td width="600" valign="bottom"
        style="background-image: url(http://project-promo.ru/rocket.png);
    background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
    box-shadow: 0px 0px 10px 0px #ffffff; width: 600px !important; background: #ffffff; padding-left: 15px;">

Не отображается.

[game802]

KrisIris: Здравствуй!
background: #ffffff; - удалите
у Вас идет переопределение стилей

[Кристина]

HackOwnB: HackOwnB:
Ой, точно!
Спасибо!
А не подскажете, сейчас все почтовые клиенты поддерживают фоновые изображения?

[game802]

KrisIris: не за что, обращайтесь
вот, есть сайт, тут можете посмотреть: https://www.campaignmonitor.com/css/
и вообще, я бы рекомендовал Вам использовать продвинутые технологии, для email-верстки. Foundation Email

[Кристина]

HackOwnB:
Еще вопросик, а svg изображения можно как-то вставить?

[game802]

KrisIris: https://css-tricks.com/a-guide-on-svg-support-in-email/
лучше пользоваться обычными картинками..

[CityCat4]

KrisIris: Подскажу :) TB их блокирует по умолчанию. Outlook может письмо не открыть из-за настроек безопасности, а может автоконвертануть в plain text. Любой антиспам может повысить "спам-рейтинг" из-за наличия html в письме.

В общем, хотите, чтобы Ваши письма никто не читал - вставляйте :)

Answer 2

[Кристина Головашин]

Только помните, что фоновые изображения отображаются не во всех почтовиках, лучше задавать еще и фоновый цвет, и предусмотреть, чтоб письмо и без фонового изображения смотрелось гармонично:
https://www.unisender.com/ru/blog/idei/scary-outlook/
Вот здесь хорошая сетка со всеми элементами и как они отображаются в разных почтовых клиентах:
https://www.campaignmonitor.com/css/color-backgrou...