跳到主要内容

Base64图像预览与解码器

预览Base64编码的图像并将其解码为干净的数据URI。粘贴原始Base64或完整的data:image/...;base64字符串——查看渲染后的图像以及检测到的格式、MIME类型和解码后的文件大小。

输入

粘贴的字符串中的空格和换行会被自动忽略。

仅当输入是没有data:image/...;base64,前缀的原始Base64,且文件的签名无法自动检测其真实格式时使用。

输出

预览

粘贴Base64图像后,预览将显示在此处。

经过清理、可直接使用的URI数据——粘贴到<img src>或CSS的url()中。

解码信息
属性
No data yet
这对您有帮助吗?

使用此工具的更多方式

REST API

curl -X POST https://api.iotools.cloud/v1/tool/base64-image-preview-decoder \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "base64Input": "R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",
    "mimeType": "image/png"
  }'

替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。

让 AI 代理执行

Use the IOTools `base64-image-preview-decoder` tool (Base64 Image Preview & Decoder) on this input:

YOUR_INPUT_HERE

将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。

嵌入式小组件

<iframe
  src="https://iotools.cloud/embed/base64-image-preview-decoder/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Base64图像预览与解码器 — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。

每次 API/MCP 调用费用5 积分起
需要更多积分?查看定价

也可通过

使用指南

此工具的作用

粘贴Base64编码的图像,立即查看其渲染效果——无需猜测字符串是否有效,也无需仅为了检查而自己创建 <img> 标签。它接受原始Base64(仅编码的字节)或完整的 data:image/...;base64,... URI,清理复制时添加的任何空白或换行符,并显示已解码的图像及其格式、MIME类型和文件大小。

如何使用

  1. 将Base64字符串粘贴到输入字段。换行符和空格会自动删除,因此从电子邮件、日志行或多行文本文件复制的值仍然有效。
  2. 如果字符串不以 data: 开头,请选择图像类型——PNG、JPEG、GIF、WebP或SVG。这仅是备用方案:如果可以识别实际的文件签名,工具会信任字节而不是您的选择。
  3. 预览、解码信息表和规范化的data URI立即出现——无需按任何按钮。
  4. 使用预览的下载操作保存解码后的文件,或复制规范化的data URI直接粘贴到 <img src> 或CSS url() 中。

为什么预览有时显示的格式与您选择的不同

该工具读取已解码数据的前几个字节(文件的"魔数")来识别PNG、JPEG、GIF、WebP和SVG内容。如果识别到签名,它将优先于图像类型下拉菜单或不匹配的 data: MIME前缀——因此,实际上是JPEG的名为 .png 的字符串仍将被正确渲染和下载。下拉菜单仅在字节与任何已知签名都不匹配时才重要。

为什么没有像素尺寸

读取图像的宽度和高度需要浏览器实际解码并布局图像(Image/<canvas> 元素),这发生在此工具已完成验证和预览字符串工作之后。您在这里获得的内容——格式、MIME类型、已解码的字节大小和Base64长度——是从编码字符串本身可以直接获得的所有内容。

我的数据是否私密?

是的。解码完全在您的浏览器中进行——Base64字符串和它所代表的图像永远不会被上传或记录到任何地方。

常见用途

  • 在将Base64图像粘贴到HTML、CSS或API负载之前进行完整性检查。
  • 从日志、数据库转储或JSON响应中找到的Base64 blob恢复可查看和可下载的文件。
  • 确认复制的 data: URI格式正确且指向预期的格式。
base64imagedecodepreviewdata-uriconverter

喜欢这些工具?去掉广告吧。

一次性付款即可永久移除您账户中的所有广告。无需订阅,不追踪。