🖻图像 ↔ Base64转换
将图像编码为Base64 data URL,或将data URL解码回图像。常用于CSS/邮件内联嵌入图像、SVG图标内联、React组件内嵌图像、规避小图标缓存问题。
🔒 浏览器内处理✓ 无水印✓ 无需注册
使用方法
- 1上传图像后自动生成Base64 data URL。
- 2反之粘贴data URL即可预览图像。
- 3用复制按钮取走结果。
常见问题
data URL比原图大吗?+
Base64约增加33%容量。除内联嵌入外,通常外部文件更高效。
何时适合内联?+
(1)极小图标(<5KB);(2)想减少HTTP请求;(3)邮件中不带附件发送图像时。
大图Base64会怎样?+
容量增加+无法缓存+HTML/CSS文件臃肿。大图建议用外部文件。
data URL在页面不工作,为什么?+
(1)长度限制——部分浏览器处理不了超长data URL;(2)Content Security Policy(CSP)可能拦截data URL。
邮件用内联替代附件如何?+
Gmail/Outlook等部分客户端出于安全会拦截内联图像。为可靠性建议同时附件。
SVG也用Base64好吗?+
SVG原文本通常更短,'data:image/svg+xml,...'格式(不用Base64)更高效。