在电子邮件模板中使用背景图像可以为电子邮件添加维度和字符。虽然中性、单色背景更为传统，但图像背景是帮助你树立品牌个性的一个很好的方式，只要它们与你公司网站的格式一致。有两种主要的方法可以使用图像作为背景，我将在下面概述。模式有图案的图像背景可以使原本无聊的背景流行起来。请记住，您应该为电子邮件背景使用模式，而不是内容背景。使用模式作为你的内容背景会分散你的注意力，并使你的电子邮件文本难以破译，所以避免这种做法。另外，请记住将图像设置为重复，以便模式在整个电子邮件背景中传播。当你为你的电子邮件选择背景时，你首先要决定你是想使用粗体还是微妙的模式。你的选择应该取决于你公司的网站。如果你的网站大部分是由中性色组成的，那么一个包含这种配色方案的微妙图案可以让你的电子邮件模板充满活力。但是，你不应该使用色彩鲜艳的图案，因为它不在品牌上。相反，如果你的网站主要使用明亮、大胆的颜色。关键是要坚持你公司的品牌——如果你不在你的网站上使用模式，你仍然可以在你的电子邮件模板中使用你的品牌颜色的图案。有几个网站提供免费的图案图片，你可以在你的电子邮件模板。以下是我的一些最爱：subtelpatterns.com网站矢量花样冷却器或者，你可以在付费的股票图片网站上找到一些模式，比如iStock。照片或插图照片或插图不同于图案，因为它们不会重复。因此，它们在为你的电子邮件模板设置格式时有点棘手。如果格式不正确，图像的主题可能会被电子邮件的内容区域部分或完全遮住。要在电子邮件模板中使用照片或插图，首先必须编辑原始图像，以确保它符合电子邮件模板的尺寸。从要使用的图像开始。公司经常使用图像，以某种方式与电子邮件内容进行交互——例如，一双手可能是文本，或者一只小狗可能会从内容背景后面向外窥视。如何格式化你的图像将取决于你的电子邮件的尺寸。我们建议您的内容宽度在500-700像素之间。在下面的示例中，我们的电子邮件宽度是600px。使用您选择的照片编辑器（我们建议使用Photoshop或Gimp），更改原始图像的尺寸以适合您的电子邮件模板。它可能需要一些尝试和错误，以获得您的图像确切的位置，您希望它。下面的原始图像是200 x 300像素。在Photoshop中，我在图像的宽度上增加了600px，以考虑电子邮件内容的宽度，使其总宽度达到800px。在Klaviyo中，将图像定向为您希望它显示的样子。您可以从左/右上/中对齐的任意组合中进行选择。您还可以指定是否希望图像重复（这将使其更像一个模式）。一般来说，图像不应该重复，除非您希望它平铺。您还需要确保电子邮件的背景色与图像的背景颜色相匹配。在我的例子中，图像背景是白色的，所以很容易找到与电子邮件背景匹配的十六进制代码。如果你不确定你的图像的背景色是什么，使用这个方便的颜色选择器工具googlechrome。您可以使用照片编辑工具更改图像背景颜色，也可以将电子邮件背景颜色与Klaviyo中的图像匹配。结论许多公司在电子邮件模板中使用图像背景来增强品牌的个性。最受欢迎的两种图像类型是图案和照片或插图-通过将电子邮件的色调和样式与网站上的内容相匹配来选择适合您的品牌。当使用图像作为电子邮件模板的背景时，要记住的关键是您是否希望图像重复以及图像的方向。要再次检查这些因素是否正确，请使用像Litmus这样的电子邮件测试服务来查看您的模板在电子邮件客户端中的外观。功能发布：产品订阅显示趋势和畅销的公关…7个简单的方法来获得更多的评论你的产品（并增加…Gmail的响应式设计就在这里——但到底是什么花了这么长时间？….yuzo_相关的图片{宽度：260px！重要的；高度：250px！重要；}.yuzo_相关的帖子。related thumb{行-高度：16px；背景: !重要；颜色：！重要；}.yuzo_相关的帖子atedthumb:悬停{背景：ffffff！重要信息；-webkit变换：背景0.2s线性；-moz变换：背景0.2s线性；-o-变换：背景0.2s线性；变换：背景0.2s线性；；颜色：！重要；}.yuzo_相关的帖子。related thumb a{颜色：#323b43！重要；}.yuzo_相关的帖子。relatedthumb a:悬停{color:}！重要；}.yuzo_相关的帖子atedthumb：悬停{颜色：！重要；}.yuzo_相关的帖子。yuzo_文本{颜色：！重要；}.yuzo_相关的帖子atedthumb：悬停。yuzo逯文本{颜色：！重要；}.yuzo_相关的帖子。relatedthumb{margin:0px 0px 0px 0px；填充：5px 5px 5px；}jQuery（document）.ready（函数（$）{//jQuery（'.yuzo_related_post'）.equalizer（{overflow:'relatedthumb'}）；jQuery（'.yuzo_related_post.yuzo_wrapps'）.equalizer（{columns:'>div}）；})返回博客主页