0

标志图像翻倍并缩小为具有设置像素宽度和高度的较小尺寸。我想要图像更干净而不是模糊。徽标在外观上仍然是原始大小。

我是否需要将其包装在自己的表格中以设置像素宽度?我需要为它设置一个特定的类吗?如何清理此代码以更有效地工作?

<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;
    }
4

1 回答 1

0

我不认为它一定是代码,而是图像的质量。(https://www.emailonacid.com/blog/article/email-development/mobile-optimization-retina-images-in-email

对于视网膜图像,最好将图像保存为消息中所需大小的两倍(如果不是三倍)(高分辨率)。前任。在电子邮件中保存为 100x50 图像的 300x150。

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

于 2016-01-18T14:37:10.857 回答