电子邮件通讯背景图像和圆角(Email NewsLetter Background image an

我编码Email Templates 。 PSD给我，是要转换为电子邮件模板是有rounded corners和一些background images 。
它的好处是使用背景图像和图像，使圆角表或我应该使用css做rounded corners沿着background images 。

Answer 1:

用图片为您的角落。你不会得到边界半径在所有客户端正常工作。 10×10英寸透明的PNG是最好的选择。我没有做圆角图片，但你应该得到这个例子的想法：

<table width="320" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#959595">
  <tr>
    <td width="10" height="10" bgcolor="#ffffff">
      <img src="" style="display:block;">
    </td>
    <td width="100" height="10">
    </td>
    <td width="10" height="10" bgcolor="#ffffff">
      <img src="" style="display:block;">
    </td>    
  </tr>
  <tr>
    <td width="10">
    </td>
    <td width="300">
      Here is your content<br>...<br>...<br>...
    </td>
    <td width="10">
    </td>    
  </tr>
    <tr>
    <td width="10" height="10" bgcolor="#ffffff">
      <img src="" style="display:block;">
    </td>
    <td width="100" height="10">
    </td>
    <td width="10" height="10" bgcolor="#ffffff">
      <img src="" style="display:block;">
    </td>    
  </tr>
</table>

Answer 2:

背景图片

基本上，背景图片是不是一种选择，在所有的，如果你需要为多种电子邮件阅读器的支持。它主要影响的Outlook 2007及更高版本，以及Hotmail的（没有测试Outlook.com还）。

如果PSD有一个背景图片的大面积，但在它上面没有内容，您可以剪切电子邮件作为前景图像的一部分。

如果同一区域有文字内容，有3个选项：

完全跳过背景图片。
实现与内联CSS的背景图片和瞄准优雅降级（接受的电子邮件不会看在一些电子邮件的读者一样好）。
切电子邮件的那部分作为一个单一的前景图像（与图像中的文本）。图像中剪切文本的风险是，它会影响可用性（许多电子邮件阅读器缺省阻止外部图片），它伤害了可达性，以及最重要的，如果文字，图像的比例过低，将触发垃圾邮件过滤器。所以这是一个好主意，做尽可能少的这个（剪切文本图像）。但有点现在，然后通常是安全的。

选择选项1或2之前，你可能需要与设计团队将其清除。和做大量的选项3之前，明智的做法是，以测试它在各种垃圾邮件过滤器。

BG图像的HTML邮件的影响，需要尽量减少使用它们，应该传达给设计师及早并经常，与它的问题不在其中的常识，即使是最优秀的人。

圆角

作为@samanthasquared提到，圆角没有得到很好的电子邮件阅读器的支持。他们要么需要被实现为图像（或者，与背景图像，交替地跳过它们或选择平稳退化，如果这是可以接受的设计团队）。

您可以减少图像的总数，用户必须下载，如果你砍单图像整个顶部，和单一形象，为整个底部，而不是削减单独的图像为每个角落。较少的图像意味着更快的加载和触发垃圾邮件过滤器的风险较小。