Data URI场景?
落地页要内嵌小图标、邮件签名要贴透明底图、看板要一段内联资源——你会遇到data:image/...;base64, 开头后拖一长串。少一个分号、MIME写错、Base64没对齐,整段在页面里就白一块。市场、活动运营、和前端配合的PM,最烦这种「差一点就全坏」的格式。用在线Data URI方式拆开或拼回,至少不用手抄到眼花。大文件别硬塞,体积爆炸会让页面和邮件都变慢——小图、小svg才是典型场景。你真正赚回来的是:少一次「我本地能看你线上不行」的来回。 拆拼 Data URI 少手抄、少分号,内联小图、邮件签名、活动页能按时上线。体积别贪大,页面与收件箱都轻快,你也少背性能锅。 和研发、外包、
如何处理Data URI
- 复制完整data:头到尾。
- 分离MIME与Base64主体。
- 落地为文件或反向生成。
Data URI 常见问题
体积会爆?
大资源用外链,Data URI适合小图。
IE限制?
老环境有长度限制,现代浏览器较好。
SVG?
可用utf8内联,注意转义。