图片转 Base64
图片 Base64 转换工具：上传图转 data:URL，可输出原始字符串、CSS background-image、HTML <img src> 或 Markdown 链接；反向输入 base64 解码回图片下载，前端开发常用。
使用说明
用途
图片转 Base64 编码工具,把 PNG / JPG / SVG 图片转换为 Base64 字符串(Data URI 格式),可嵌入 HTML / CSS / Markdown / Email 不依赖外链。浏览器本地编码,**敏感图片不上传服务器**。也支持反向 Base64 转图片。
操作步骤
- 选模式:图片 → Base64 / Base64 → 图片
- 图片转 Base64:上传图片
- 选输出格式:纯 Base64 字符串 / Data URI(带 data:image/png;base64, 前缀) / HTML <img> 标签 / CSS background-image
- 复制到剪贴板或下载 TXT
- Base64 转图片:粘贴字符串自动识别格式并显示预览
常见问题
- Base64 嵌入图片有什么好处?
- 不需要单独的图片文件,HTML / CSS / Markdown 自包含,适合邮件 HTML(不会被屏蔽外链)、单文件演示页、PWA 离线资源。
- Base64 编码后体积更大吗?
- 是的,Base64 编码会让体积增大约 33%。所以**不适合大图**,通常 < 10KB 的图标 / 小素材合适内嵌。
- Data URI 浏览器都支持吗?
- 现代浏览器全支持。但 Outlook 等邮件客户端可能不支持 < 100KB 以外的 Data URI。
- 敏感图片会上传吗?
- 不会。Base64 编码是纯本地算法,图片绝不离开浏览器。
- SVG 转 Base64 也支持?
- 支持。SVG 是文本格式,Base64 后可嵌入 CSS `background-image: url("data:image/svg+xml;base64,...")`。
应用场景
- 邮件 HTML 内嵌图片(不被外链屏蔽)
- 单文件 HTML 演示页
- CSS background-image 内嵌图标
- Markdown 文档自包含图片
- PWA / Web App 离线资源
应用场景
图片转 Base64 内嵌 HTML / CSS / Markdown,适合小图标 (< 10KB)。**本地编码不上传** —— 内部敏感图标也能放心用。