适配多分辨率：Outlook 2016邮件签名图片尺寸异常问题求助

针对4K桌面生成的签名在低分辨率设备上图片放大的问题，以下是适配Outlook渲染特性的可行方案：

1. 强制添加Outlook专属的图片尺寸属性 #

Outlook使用Word渲染引擎，支持mso-width-alt和mso-height-alt专属属性，可强制图片显示尺寸，不受系统DPI影响。修改图片标签如下：

<img id="myImage_tel" class="sig_img" 
     style="vertical-align:baseline; width:12px !important; height:12px !important;" 
     src="222TELEFON.png" 
     width="12" height="12" 
     alt="telefon"
     mso-width-alt="12" mso-height-alt="12">

• 同时保留原生width/height属性和内联样式的尺寸声明，三重保障避免缩放。

2. 用固定尺寸表格单元格包裹图片 #

Outlook对表格布局的支持远强于div，将每个图标放入固定宽高的表格单元格中，强制容器尺寸限制图片：

<td width="12" height="12" style="width:12px !important; height:12px !important; padding:0; margin:0; line-height:14px; mso-line-height-rule:exactly;">
    <img style="vertical-align:baseline; width:100% !important; height:100% !important;" 
         src="222TELEFON.png" 
         width="12" height="12" 
         alt="telefon"
         mso-width-alt="12" mso-height-alt="12">
</td>

• 单元格设置padding:0; margin:0避免额外空间，图片设为width:100%继承容器尺寸。

3. 强制Outlook使用96DPI渲染（解决复制粘贴的DPI缩放） #

4K桌面通常采用150% DPI缩放，复制到Outlook时会被自动放大。在签名HTML头部添加以下XML声明，强制Outlook使用标准96DPI：

<!-- 添加在HTML的<head>标签内 -->
<xml>
  <o:OfficeDocumentSettings>
    <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
</xml>

• 同时添加viewport元标签，避免网页在高DPI下的缩放：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

4. 替换为尺寸稳定的矢量格式图标 #

将PNG图标替换为EMF格式（Outlook完全支持的矢量格式），或使用VML绘制简单图标（如电话、邮件图标），彻底解决分辨率缩放问题。示例VML电话图标：

<!--[if mso]>
<v:shape xmlns:v="urn:schemas-microsoft-com:vml"
         style="width:12px; height:12px;"
         path="m0,0 l12,0 l12,12 l0,12 z">
  <v:fill color="#7b7979" />
  <!-- 自定义图标路径 -->
</v:shape>
<![endif]-->
<!--[if !mso]>
<img src="222TELEFON.png" width="12" height="12" alt="telefon" style="vertical-align:baseline;">
<![endif]-->

为什么之前的方法无效？ #

• Outlook不支持CSS媒体查询，所有@media规则会被忽略；
• 高DPI桌面复制内容时，Outlook会按系统DPI比例缩放图片，仅靠内联样式无法覆盖；
• fit-content等CSS属性在Outlook的Word渲染引擎中不支持。

内容的提问来源于stack exchange，提问作者Nikola84