Question

徽标图像加倍并缩小到较小尺寸，并设置像素宽度和高度。我希望图像更干净而不模糊。徽标仍然是展望的原始尺寸。

我是否需要将其自己的表格包装到设定的像素宽度？我需要为它设置某个课程吗？如何清理此代码以更有效地工作？

<td bgcolor="#FFFFFF" width="150" align="center" target="_blank"><a href="http://www...."><img src="http://..t_lgo-300.jpg" width="150px" height="89px" alt=""  style="display: block; border: 0; font-family: 'Open Sans', Arial, sans-serif; color: #86898B; font-style: normal; font-size: 18px; line-height:10px; width: 150px; height: 89px;"></a></td>

样式 - 徽标没有类......

td[class="logo"] img{
      margin:0 auto!important;
    }

 img[class="img-max"]{
      max-width: 100% !important;
      width: 100% !important;
      height:auto !important;
    }

Answer 1

我不认为它必然是代码，因为它是图像的质量。（https://www.emailonacid.com/blog/article/email-development/mobile-optimization-retina-images-in-email）

对于视网膜图像，最好将图像保存为双倍，如果不是您在信息中所需大小的三倍（以高分辨率）。防爆。在电子邮件中以100x50的图像保存为300x150。

只需确保在图片标签上声明您的宽度和高度，或者Outlook将显示原始图片大小。然后，您可以使用媒体查询将其设置为适合移动显示的大小。

如何将视网膜图像添加到响应式电子邮件

1 个答案: