2015-06-16 2 views
0

У меня есть HTML-бюллетень с base64 кодируются svg фоновое изображение следующим образом:фон SVG изображение не отображается в шаблоне Mailchimp

<table 
     border="0" 
     cellpadding="0" 
     cellspacing="0" 
     class="container" 
     width="630" 
     style=" 
       background-color: #ffffff; 
       background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwMHB4JyBoZWlnaHQ9JzEwMDBweCcgdmlld0JveD0nMCAwIDEwMDAgMTAwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBjbGFzcz0ndHJpYW5nbGVzaGFwZScgc3R5bGU9J2ZpbGw6cmdiYSg0NiwxODIsMjQ4LDAuMyk7JyBkPSdNMCwwIEwxMDAwLDAgTDAsMTAwMCBMMCwwIFonPjwvcGF0aD48L3N2Zz4='); 
       background-repeat: no-repeat; 
       background-position: left top; 
       background-size: 55.8%;" 
> 

Даже если svg поддержка в HTML электронной почты ограничен, я хочу, чтобы включить его целевых клиентов которые поддерживают его. Когда я вставляю свой HTML-код в кампанию Mailchimp, он работает, он отображается в нескольких почтовых клиентах. Но когда я импортирую HTML в шаблон Mailchimp, а затем создаю кампании из этого шаблона, svg больше не отображается в доставке электронной почты (где он ранее показывал).

Что может случиться, что Mailchimp делает этот код при использовании его внутри кампании, созданной из шаблона?

ответ

1

Я не думаю, что это Mailchimp, это проблема, я думаю, что вы вставляете изображение. Это непоследовательный метод сам по себе, а затем вы используете SVG-файл (пятнистая поддержка, как вы упомянули), и используя CSS для объявления фона, который также является пятнистым. Я бы предпочел бы разместить файл снаружи, так как есть мало доказательств, что встроенные изображения предоставляют any benefits really, а затем используйте backgrounds.cm, чтобы создать более полное фоновое изображение (и включить резервное изображение jpg или png для тех клиентов, которые не поддерживают SVG.

+0

Спасибо! Некоторые полезные ссылки. Вы правы в своей критике встроенных svg, но это работает для меня в этом конкретном случае. – tvgemert

Смежные вопросы