Question

我的HTML时事通讯带有base64编码svg背景图片，如下所示：

<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%;"
>

即使HTML电子邮件中的svg支持有限，我也希望将其包含在支持它的目标客户端中。当我将我的HTML代码粘贴到Mailchimp广告系列中时，它正在运行，它会显示在多个电子邮件客户端中。但是，当我将HTML导入Mailchimp模板，然后从该模板创建广告系列时，svg不再显示在已发送的电子邮件中（之前显示的位置）。

Mailchimp在从模板生成的广告系列中使用它时，对此代码有什么作用？

Answer 1

我认为这不是Mailchimp的问题，我认为你是嵌入图像。这是一个不一致的方法本身，然后你使用SVG文件（如你所提到的不稳定的支持）并使用CSS来声明一个也很多的背景。我可能希望在外部托管该文件，因为嵌入图像提供的证据很少any benefits really，然后使用backgrounds.cm创建更全面的背景图像设置（并包含备份jpg或png图像不支持SVG的客户。

Answer 2

为了使上述功能在MailChimp中工作，我建议不要在<table>代码中使用内联样式。 MailChimp希望您将所有CSS放在模板<style>块内的<head>块中。

然而，无论如何，无论图像是否嵌入，许多电子邮件客户端仍然不支持SVG。

这是up-to-date guide什么有用，什么无效。

SVG背景图像未显示在Mailchimp模板中

2 个答案: