编码 / 解码

图片 ⇄ Base64 转换

图片 ⇄ Base64 转换工具可将图片文件转换为 Base64 字符串（Data URL），也可以从 Base64 字符串还原图片并进行预览与下载。适合将图标在 HTML / CSS 中以 inline 形式嵌入，或查看 API 响应中包含的 Data URL 内容。

转换模式

将图片拖放到此处

或

支持 PNG / JPG / WebP / GIF / SVG / AVIF / ICO。每次会话最多 10 个文件，单个文件最大 10 MB。

添加图片后，转换结果会显示在这里。

图片和文本全部在您的浏览器内处理，不会发送至任何外部服务器。

Base64 编码 / 解码

在文本与 Base64 字符串之间互相转换。支持 URL-safe Base64 与 76 字符换行(MIME),输入时即时显示结果。全程在浏览器中完成。

URL 编码 / 解码

URL 编码 / 解码工具可将文本转换为百分号编码（percent-encoding）格式，或将其还原为原始文本。支持查询参数模式和完整 URL 模式，并可选择以「+」表示空格。结果实时更新，全程在浏览器中完成。

JWT 解码器

粘贴 JWT(JSON Web Token)即可拆分为标头、负载、签名三部分,并以 JSON 形式清晰显示。iat / exp / nbf 等标准声明会转换为可读的日期时间,并提示过期状态。可选支持 HS256 / HS384 / HS512 的签名验证。全程在浏览器中完成。

哈希值生成

从文本或文件一次性生成 MD5、SHA-1、SHA-256、SHA-512 哈希值，支持 HMAC（带密钥）与期望值校验。md5 转换 / sha256 计算 / 哈希校验全程在浏览器中完成。

图片 ⇄ Base64 转换是什么?

「图片 → Base64」模式支持一次拖放多个 PNG / JPG / WebP / GIF / SVG / AVIF / ICO 文件。每张图片都会显示缩略图、原始字节数和 Base64 编码后的字节数。除了 Data URL 之外，还提供 CSS background-image、HTML <img>、Markdown 图片语法 三种代码片段，可通过标签页切换复制。会话中所有 Data URL 也可一次性导出为单个文本文件。

「Base64 → 图片」模式既可粘贴 data:image/...;base64,xxx 形式的 Data URL，也可粘贴不带前缀的纯 Base64 字符串。系统会根据解码后的首字节自动识别图片格式（PNG / JPG / WebP / GIF / AVIF / ICO，SVG 则从文本开头判断）。识别失败时可通过下拉菜单手动指定。输入中的空白、换行、URL-safe（- _）字符会自动规范化。

图片和文本全部在您的浏览器内处理，不会发送至任何外部服务器，因此可以放心查看含机密或个人信息的图片。全程在浏览器中完成。

使用方法

在顶部「转换模式」中选择「图片 → Base64」或「Base64 → 图片」。
图片 → Base64：将图片拖放至拖放区，或通过「选择文件」一次性导入多张图片。
在每张卡片上点击「复制」即可复制 Data URL，或切换至 CSS / HTML / Markdown 标签页复制相应格式。
通过「全部下载为 .txt」可将本会话中的全部 Data URL 导出为单个文本文件。
Base64 → 图片：将 Data URL 或纯 Base64 字符串粘贴到输入框中。
自动识别失败时，可在右上角「格式」下拉框中手动指定格式，然后点击「下载图片」保存。

使用场景

将图标或小尺寸 SVG 以 inline 形式嵌入 HTML / CSS，减少 HTTP 请求数量。
在 CSS 的 `background-image` 中以数据 URI 形式嵌入图片，并即时生成 Data URL 进行调试。
查看并下载 API 响应或 HTML 源代码中的 `data:image/...;base64,...` 内容。
为 HTML 邮件准备以 inline 形式嵌入图片的样本。
在开发中将测试夹具或 E2E 快照用图片转换为 Base64，便于纳入源码管理。

注意事项

每次会话最多 10 个文件，单个文件最大 10 MB。超出限制的图片会在导入时被拒绝。
图片转换为 Base64 后，字节数约为原始的 1.33 倍。Data URL 不是压缩格式，而是用文本表示字节序列的一种编码。
在 CSS 的 `background-image` 中嵌入超过 100 KB 的 Data URL 时浏览器缓存无法生效，因此不推荐这样做。体积较大的卡片会显示警告。
在「Base64 → 图片」中，会根据解码后的首字节识别 PNG / JPG / WebP / GIF / AVIF / ICO，SVG 则通过文本开头的标签识别。
粘贴时的空白和换行会自动去除，URL-safe Base64 的 `-` `_` 会还原为标准字符，末尾省略的 `=` 填充也会自动补齐。
无法识别、Base64 不合法或解码后超过 50 MB 时，结果区会显示错误信息。

常见问题

图片会被发送到服务器吗？

不会。所有转换都在您的浏览器内完成，因此可以放心查看含机密或个人信息的图片。

Base64 后图片大小会变化吗？

会变大约 1.33 倍。虽然可以减少 HTTP 请求，但是嵌入的 Data URL 无法被浏览器单独缓存。较大图片建议保留普通 URL 引用。

支持多大的图片？

单个文件最大 10 MB。再大的图片会因文本量过大导致浏览器卡顿，因此会被拒绝。

不带「data:image/...」前缀的 Base64 字符串也能解码吗？

可以。系统会根据解码后的首字节识别图片格式，因此粘贴纯 Base64 字符串也能正常解码。识别失败时请通过下拉菜单手动指定格式。

支持 SVG 吗？

支持。在「图片 → Base64」中可直接导入 SVG 文件；在「Base64 → 图片」中无论是 Data URL 还是纯 Base64 都能还原（SVG 通过文本开头是否为 `<?xml` 或 `<svg` 来判断）。

透明 PNG 可以原样还原吗？

可以。Base64 是逐字节的编码，alpha 通道和颜色信息不会丢失，还原后的 PNG 与原文件按位完全一致。