使用PNG而不是JPG图像来解决Outlook渲染问题?

时间:2019-05-30 17:07:23

标签: css outlook media-queries png html-email

我们的HTML电子邮件模板在Outlook 120 DPI以外的所有ESP中看起来都很棒。到目前为止,建议的博客提示均无效。

有人尝试过在电子邮件中使用PNG图像而不是JPG图像吗?这是否有助于解决图像渲染问题或引起的其他问题?

我尝试通过各种博客提示(例如https://litmus.com/blog/mastering-outlook-a-look-back-at-common-rendering-issues中的提示)来编辑表格和媒体查询。我可以获得每个ESP来正确呈现我们的模板,但不能获得Outlook 120 DPI

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         提示与技巧

                                                                                                                                                                                                                                                                                                   使这3个任务自动化以专注于高价值工作                                                                                                                                                    

                                                                                                                                                               接受调查的工人中,有近60%的人估计,如果他们能够使手动的重复性任务自动化,那么他们每周至少可以节省6个小时。这是使三个过程自动化的方法,并腾出时间进行真正重要的工作。

                                                                                                                                                                                                                                                                                                                                                                                                           学到更多                                                                                                                                                      

                                         <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" class="full-width" role="presentation">
                                             <tr>
                                                 <td align="center" height="20"></td>
                                             </tr>
                                         </table>
                                     </td>
                                 </tr>
                             </table>

预期:图片适合指定的表格尺寸,电子邮件格式(如要对齐的CTA按钮)

实际:图片已超出表格尺寸,CTA按钮未对齐。

1 个答案:

答案 0 :(得分:0)

Outlook 120DPI看起来更大,因为这是它的全部重点。这是缩放功能。

如果缩放不正确,则需要添加以下代码,以Email on Acid的名义提供:

<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:v="urn:schemas-microsoft-com:vml"
 xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
<!--[if gte mso 9]><xml>
  <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
</xml><![endif]-->
</head>