经验分享Base64图片内联邮件模板Data URI二维码
之前做邮件模板，总有人问“能不能把图都内联掉”。我试过一版，全改成 Base64 的 Data URI，结果体积直接飙升三分之一，加载也没更快。后来我给自己定了几个边界：
第一，小图标、Logo、占位图这种体积极小的资源，内联合理；大图、背景图、活动海报，还是走外链，否则模板体积和编辑体验都很差。第二，内联前把图片在在线 PS 里简单处理一下，去掉透明多余边、适当压缩，不追求极致清晰但要“干净”。
第三，生成 Data URI 前先确认格式（PNG/JPEG/SVG），有透明就走 PNG，没有透明且是照片就走 JPEG，矢量优先 SVG。转成 Base64 后我会在本地预览一遍，确认展示无误。第四，如果是一次性投放活动，我会把下载入口同时做个二维码贴在落版里，避免因为某些客户端拦截导致的“无法另存”。
有了这些边界，模板的体积和加载就稳定了，协作也顺畅：设计同学交付资源，我这边转 Base64 内联；大图还是外链，大家心里都有数。