防止HTML电邮图像缩放了DPI缩放，展望2013(Prevent Images in HTML E

我有一个HTML电子邮件在Outlook 2013年问题棱时DPI缩放用户设置为“中等（125％），”看的时候我已经设计和建造一个非常恼人的问题，它使大于我的所有图片125％他们应该是，即使在宽度和高度上的标签设置，在标签的风格和容纳图像标签。

我的代码：

<td align="right" valign="top" class="socialIcon twitter" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; width: 25px; height: 25px; padding-right: 8px;">
<a href="https://twitter.com/company" target="_blank" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<img src="http://www.example.com/email-campaigns/images/twitter-icon.png" width="25" height="25" alt="Follow us on Twitter" style="border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 25px; height: 25px; display: block;">
</a>
</td>

通过在31px以上31px显示图像，当它应通过25像素25像素。

有谁知道一个变通的呢？

谢谢。

*编辑*增加了一个图来更好地显示问题。

该表保持不变的宽度，但图像增加，打破了布局。

Answer 1:

DPI缩放进行以下更改：

在HTML属性指定的宽度和高度保持的像素值。
在VML代码中指定的宽度和高度保持的像素值。
其它像素值（像素）被转换为点（PT）的值来代替。这就是问题的用武之地。

要解决这些问题，

使用上表内联样式和PX单位。 您将要使用的属性，Gmail的定义高度。然后定义的高度和宽度内联的，使用像素。有一个基于百分比的宽度表不需要任何治疗，因为它们很好地扩展了。

<table>
  <tr>
    <td height="500" style="width: 500px;height: 500px;">
    </td>
  </tr>
</table>

添加到您的代码，使VML规模。

 <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>

使用MSO魔术CELLSPACING和CELLPADDING。

使用这些内嵌样式将允许您创建可扩展的CELLSPACING和CELLPADDING。

<table cellspacing="10" cellpadding="10" style="mso-cellspacing: 10px; mso-padding-alt: 10px 10px 10px 10px">
...
</table>

Answer 2:

有没有办法来控制这种或操纵它作为发件人。图像尺寸是基于关闭图像的DPI和最终用户的计算机上的显示设置的DPI。这使得它不可能建立这一点，除非你对你的收件人将有自己的计算机上为所有的时间上设定的DPI绝对肯定的。

最好的办法是让它规模，只是调整你的设计增加规模。要做到这一点，最好的办法是在两个列设置任何与设定值达阵，因为这也应该被缩放（想表栈响应式设计，当使用条件MSO），使它所以基本上等于一个人刚刚在放大您的电子邮件。这将有助于保持它的比例，而不是扩大电子邮件的唯一部分。

关于如何处理前景DPI缩放一些参考点：

电子邮件对酸： https://www.emailonacid.com/blog/article/email-development/dpi_scaling_in_outlook_2007-2013

石蕊： https://litmus.com/community/discussions/151-mystery-solved-dpi-scaling-in-outlook-2007-2013

Answer 3:

您可能希望创建一个匿名版本，通用文字，图片等，这可以帮助你和谁后来在这个问题上跟进其他人......像我今天有一个类似的问题...

文章来源: Prevent Images in HTML Email Scaling Up With DPI Scaling, Outlook 2013