根本原因是Word不解析HTML，粘贴时将width/height转为绝对像素且默认关闭“锁定纵横比”，忽略max-width等响应式样式。解决需三步：源头用“插入→图片”、粘贴后手动勾选“锁定纵横比”、必要时预处理HTML移除宽高属性。
Word 插入 HTML 图片后自动拉伸变形的根本原因
Word 本身不解析 HTML，当你把含 <img> 标签的 HTML 片段粘贴进 Word（尤其是通过剪贴板或“选择性粘贴→HTML”），它会尝试将 width 和 height 属性转为绝对像素值，并忽略原始图片的纵横比约束。更关键的是：Word 默认对粘贴进来的图片启用「锁定纵横比」为关闭状态，且不继承 HTML 中的 style="max-width:100%; height:auto;" 这类响应式逻辑。
- Word 的图片布局默认是「嵌入型」，此时缩放行为完全由尺寸数值驱动，而非比例
- 若 HTML 中只写了
width="400"没写height，Word 可能补全一个不匹配的height值（如 280px），导致压扁或拉长 - 使用「选择性粘贴→无格式文本」会丢图；选「HTML 格式」又无法控制后续缩放逻辑
用 Word 内置功能手动修复已变形图片
这不是预防，而是救急：适用于已粘贴、已变形、但图片仍可编辑的场景。
- 右键点击图片 → 选择「设置图片格式」→ 左侧点「大小与属性」图标（方框带箭头）
- 在「大小」面板中，勾选「锁定纵横比」——这是最关键的一步，
锁定纵横比必须显式开启，否则拖拽角控点仍会变形 - 若需按比例缩放到指定宽度：先填入目标
高度或宽度值（如宽度：15.2 cm），Word 会自动算出匹配高度（前提是上面已勾选） - 不要直接拖拽图片边框控点，除非确认「锁定纵横比」已启用，否则极易误操作
从源头避免：用「插入→图片」替代 HTML 粘贴
真正稳定的方式，是绕过 HTML 解析环节，让 Word 直接加载原始图片文件。
Work Productivity Word Mail Workflow Helper
下载
构建并排查Microsoft Word邮件合并及DOCX模板工作流，使用合并域、内容控件、文档属性、重复区块、数据等
- 保存 HTML 中的图片到本地（右键另存为，或提取
srcURL 下载） - 在 Word 中：「插入」→「图片」→「此设备」，选中该图
- 此时 Word 默认启用
锁定纵横比，且支持「缩放至页面宽度」等智能适配（右键图片 →「大小与位置」→「缩放」选项卡里有「相对于原图大小」滑块） - 若需批量插入，可用 VBA 脚本遍历本地图片路径，调用
InlineShapes.AddPicture()，它天然保持比例
若必须走 HTML 流程：预处理 style 属性
仅适用于你有权限修改原始 HTML 字符串（如从程序生成报告页再导出到 Word）。
立即学习“前端免费学习笔记（深入）”；
- 移除所有独立的
width/height属性，改用内联style - 写成：
<img src="a.jpg" style="max-width:100%; height:auto; display:block;"> - 注意：Word 对
max-width支持有限，但它在粘贴瞬间更倾向保留height:auto语义，比纯 width/height 更不容易硬编码错误尺寸 - 配合 Word 端手动开启「锁定纵横比」，可大幅降低首次变形概率
Word 处理图片比例这件事，从来不是“粘进去就完事”，而是「来源控制 + 粘贴后校验 + 设置项兜底」三步缺一不可。最容易被忽略的，就是那个藏在「设置图片格式→大小」里的 锁定纵横比 开关——它默认关着，而且不提示。
