在html邮件中使用data uri嵌入图片时，css样式（如style="width:100px"）常被多数邮件客户端忽略；正确做法是直接使用html原生的width/height属性设置尺寸，确保兼容性。
在html邮件中使用data uri嵌入图片时，css样式（如style="width:100px"）常被多数邮件客户端忽略；正确做法是直接使用html原生的width/height属性设置尺寸，确保兼容性。
HTML邮件与网页渲染存在本质差异：主流邮件客户端（如Outlook、Apple Mail、Gmail Web/App）对CSS支持极为有限——尤其是内联样式（style属性）对<img>标签的width和height控制，在许多客户端中会被完全忽略或重置。这是由邮件客户端出于安全和性能考虑，主动剥离或限制CSS解析逻辑所致。
根本解决方法：弃用CSS尺寸，改用HTML原生属性
将原本依赖CSS的写法：
<img src="data:image/jpeg;base64,..." style="width:100px; height:auto;" />
替换为语义明确、客户端广泛支持的HTML属性：
立即学习“前端免费学习笔记（深入）”；
<img src="data:image/jpeg;base64,..." width="100" />
或同时指定宽高（推荐用于等比缩放控制）：
<img src="data:image/jpeg;base64,..." width="100" height="75" />
✅ 优势说明：
- width/height 属性属于HTML标准规范，被所有邮件客户端无条件识别；
- 不依赖CSS解析引擎，规避了<style>块被过滤、内联style被清除等常见问题；
- 支持响应式回退：若需适配移动端，可额外添加style="width:100%; height:auto;"作为补充（现代客户端会优先尊重原生属性，旧客户端则忽略CSS），但核心尺寸必须由width/height保证。
⚠️ 注意事项：
- 不要省略单位：width="100" 表示100像素，不可写作 width="100px"（HTML属性值中px非法，会导致属性失效）；
- 避免仅设height：单独设置height可能引发比例失真，建议按原始宽高比计算后同步设置width和height，或仅设width让高度自动等比缩放；
- FileMaker Pro兼容性提示：您使用的FileMaker Pro 18 cURL模块对HTML输出无特殊限制，但需确保生成的HTML中<img>标签属性格式严格符合标准（无多余空格、引号闭合正确），例如 <img src="..." width="100"> 而非 <img src="..." width = "100" >。
? 实际应用示例（修正您原始代码中的图片行）：
<!-- 原始（无效） --> <td style="..."><img alt="" src="data:image/jpeg;base64,..." style="width:100px;" /></td> <!-- 修正后（有效） --> <td style="..."><img alt="" src="data:image/jpeg;base64,..." width="100" /></td>
最后，请务必在真实邮件客户端（特别是Outlook Desktop、iOS Mail）中测试效果——切勿仅依赖浏览器预览。HTML邮件开发的核心原则是：向后兼容优于视觉精致，原生属性优于CSS声明，确定性优于灵活性。
