将 Base64 图片字符串粘贴到解码输入框,然后点击解码按钮。如果字符串是有效图片数据,页面会显示预览,并让你下载解码后的图片。
Base64 转图片转换器和图片转 Base64 编码器
在浏览器中将 Base64 转为图片,或将图片转为 Base64。粘贴 Base64,上传最大 10MB 的 PNG/JPG/GIF/WebP/BMP,并预览或复制结果。
图片转 Base64
上传最大 10MB 的 PNG、JPG、GIF、WebP 或 BMP,创建 Base64 Data URI
Base64Base64 转图片
粘贴带或不带 data: 前缀的 Base64 图片字符串,预览并下载图片
解码后的图片将显示在这里
这个 Base64 图片工具能做什么
这个页面处理两个明确的图片流程:将 Base64 转为图片,以及将图片转为 Base64。它不是通用文本编码器,输入和输出都面向浏览器可读取的图片数据。
| 任务 | 输入 | 输出 |
|---|---|---|
| Base64 转图片 | 带或不带 `data:` 前缀的 Base64 字符串 | 可预览、可下载的图片 |
| 图片转 Base64 | 最大 10MB 的 PNG、JPG/JPEG、GIF、WebP 或 BMP 图片 | Base64 Data URI 文本 |
| Base64 图片查看器 | 粘贴的 Base64 图片字符串 | 浏览器内可视化预览 |
| Data URI 检查 | 例如 `data:image/png;base64,...` 的值 | 图片预览和可下载结果 |
编码器输出的是完整 Data URI,而不仅是原始 Base64 字符。这样可以更方便地直接用于图片 `src`、CSS 背景或需要以文本传递图片数据的 JSON 字段。
在线将 Base64 转为图片
将 Base64 图片字符串粘贴到解码输入框,然后点击解码按钮。工具会验证 Base64 内容、生成图片预览,并在字符串可以渲染为图片时启用下载。
你可以粘贴以下两种格式:
| 可接受的输入 | 示例格式 | 说明 |
|---|---|---|
| 完整 Data URI | `data:image/png;base64,...` | 已经知道 MIME 类型时最合适 |
| 原始 Base64 | `iVBORw0KGgo...` | 工具会尝试识别 PNG、JPEG、GIF、WebP 或 BMP |
当原始 Base64 字符串不包含 MIME 类型时,解码器会检查常见图片签名,并在需要时按 PNG 方式兜底处理。如果字符串不是有效 Base64,或不能作为图片使用,页面会显示错误,而不是生成损坏的下载文件。
将图片转为 Base64 Data URI
上传一个图片文件即可创建 Base64 Data URI。编码器会在浏览器中读取所选图片,并把生成的 Base64 文本放入输出框,方便复制。
支持的图片输入
上传区域只用于图片文件。为了获得更稳定的结果,建议使用 PNG、JPG/JPEG、GIF、WebP 或 BMP。当前上传限制为 10MB,因此非常大的原图应先调整尺寸或压缩后再使用此页面。
Base64 输出包含什么
生成的值包含 Data URI 前缀,例如 `data:image/png;base64,`。这个前缀会告诉浏览器后面的文本是哪种图片数据。如果你只需要原始 Base64 部分,可以复制生成文本后在自己的流程中移除前缀。
把它当作 Base64 图片查看器使用
当你手里有一长串编码文本,并想知道它代表哪张图片时,Base64 图片查看器会很有用。不需要手动创建临时文件,只要把字符串粘贴到工具里并查看预览。
它适合这些场景:
| 使用场景 | 预览有什么帮助 |
|---|---|
| API 响应 | 确认图片字段里是否是预期图片 |
| HTML 或 CSS 片段 | 在放入页面前检查 `data:image/png;base64` 值 |
| 邮件或模板测试 | 验证图标、Logo 等小型嵌入资源 |
| 调试图片数据 | 查看编码值是否为有效图片内容 |
此查看器用于检查图片,不用于编辑。页面不会裁剪、调整尺寸、压缩、移除背景或修改解码后的图片。
Data URI、原始 Base64 和图片格式
Base64 图片数据常见有两种形式。Data URI 包含媒体类型和前缀;原始 Base64 只包含编码字符。
| 形式 | 示例 | 适合用途 |
|---|---|---|
| Data URI | `data:image/png;base64,iVBOR...` | HTML、CSS、预览、浏览器渲染 |
| 原始 Base64 | `iVBORw0KGgo...` | API 字段、数据库值、日志、自定义数据载荷 |
关键词 `data image png base64` 通常指 `data:image/png;base64,...` 这种 Data URI 格式。此工具可以预览这种值,也可以在你上传图片时生成 Data URI。
Base64 不会压缩图片。很多情况下,Base64 文本会比原始二进制文件大约三分之一。只有当文本传输或内联嵌入比最小文件体积更重要时,才建议使用它。
隐私和浏览器端处理
这个 Base64 编码解码工具在浏览器中运行。用于编码的图片会通过浏览器在本地读取,Base64 解码也使用浏览器端 API 来生成预览。
这对快速检查、开发交接和个人图片片段很有用,因为你不需要为了创建或查看 Base64 而把图片发送到转换服务器。性能仍取决于你的设备、浏览器和文件大小,尤其是接近 10MB 上传限制时。
请将此页面用于普通图片数据。除非符合你所在组织的安全规则,否则不要把密钥、凭据或敏感生产数据粘贴到任何网页工具中。
常见问题
可以。粘贴 Base64 图片值后,就能在浏览器中查看图片。这适合检查 API 响应、Data URI 片段,以及准备在其他地方使用的编码图片字符串。
上传最大 10MB 的 PNG、JPG/JPEG、GIF、WebP 或 BMP 图片。工具会在浏览器中读取图片,并生成可从输出框复制的 Base64 Data URI。
`data:image/png;base64` 字符串是一种 Data URI。`data:image/png;base64,` 这部分会告诉浏览器,后面的文本是 Base64 编码的 PNG 图片数据。此工具可以预览这个值,也可以从上传的 PNG 图片生成它。
可以。你可以粘贴不带 `data:` 前缀的原始 Base64。解码器会尝试识别 PNG、JPEG、GIF、WebP 和 BMP 等常见图片类型,然后显示预览。
图片转 Base64 支持最大 10MB 的 PNG、JPG/JPEG、GIF、WebP 或 BMP 文件。Base64 转图片则面向代表浏览器可读取图片数据的 Base64 字符串。
编码和解码都在浏览器中进行。所选图片会在本地读取用于编码,粘贴的 Base64 也会在浏览器端解码,用于预览和下载。
不会。Base64 是编码方法,不是压缩。Base64 文本通常比原始图片文件更大,所以应在需要文本格式图片数据时使用,而不是把它当作压缩图片的方法。
不支持。这个页面用于图片。它不会把纯文本编码为 Base64,也不会把 Base64 解码成可读文本,不是通用文本转换工具。
不可以。此页面专注于图片 Base64。它不会把 Base64 转为 PDF,不会解码任意文件,不支持 Base64URL 变体,也不提供 Python、Java 或命令行代码示例。