图片转 Base64 后为什么体积大了约 33%？

Base64 把每 3 个字节写成 4 个字符，30 KB 的图片约变成 40 KB 文本，再加 data: 前缀。开启 gzip 后差距会缩小，但内联图片不能单独缓存，通常只适合几 KB 的小图标。

SVG 做 Data URI 用 URL 编码还是 Base64？

一般 URL 编码更短：只转义 #、%、< 等少数字符，Base64 则固定增加约 33%。本页默认对 SVG 用 URL 编码并把双引号换成单引号，可直接放进 CSS；有要求时再改用 Base64。

粘贴 Base64 后提示不是图片该怎么办？

先确认文本完整，只能含 A–Z、a–z、0–9、+、/ 和结尾最多 2 个 =。本页按文件头识别格式，如 PNG 前 8 字节固定、JPEG 以 FF D8 FF 开头；截断或实为 PDF 都会提示。

图片 Base64 互转

图片转 Base64、Data URI、CSS 或 HTML 代码，也可把 Base64 还原成图片下载

浏览器本地计算

上方拖入图片即可得到 Data URI 等代码；下方粘贴 Base64 会自动还原成图片，可预览后下载。

图片 → Base64

选择或拖入一张图片也可以直接粘贴剪贴板中的图片。图片只在当前浏览器中处理，不会上传。支持常见图片格式及 SVG、ICO，单个文件不超过 5 MB。

输出样式

SVG 使用 URL 编码（更短）

Base64 → 图片

粘贴 Data URI 或 Base64

示例

输入

解码区：16×16 PNG 的 Data URI（data:image/png;base64,iVBORw0KGgo…，共 94 字节）

示例结果

PNG · 94 B · 16×16，可预览并下载为 image.png；编码区同时把一张 160×100 的示例图转成 Data URI

94 字节编码后是 128 个 Base64 字符，加上 22 个字符的 data:image/png;base64, 前缀。

技术细节与边界

编码使用浏览器 FileReader 生成标准 Base64，每 3 个字节变成 4 个字符，体积约增加 33%；SVG 的 URL 编码只转义 Data URI 必须转义的字符，并把双引号换成单引号。解码接受 data: 前缀、纯 Base64、URL 安全字符（- 和 _）以及缺失的 = 补位；按文件头识别 PNG、JPEG、GIF、WebP、BMP、ICO、AVIF、SVG，与声明类型不一致时给出提示。编码输入上限 5 MB，解码输入上限 2000 万字符。

关于此工具

把 PNG、JPG、WebP、GIF、SVG、ICO 等图片转换为 Base64 或 Data URI，并直接生成 CSS background-image、HTML <img> 或 Markdown 代码；SVG 可选用更短的 URL 编码。反方向可粘贴 Data URI 或纯 Base64，按文件头识别真实格式，预览尺寸后下载为图片文件。全部在浏览器本地完成，图片和文本都不会上传。

操作步骤

图片转码：拖入、选择或粘贴一张图片，选择输出样式。
复制或下载生成的文本；SVG 可勾选 URL 编码获得更短结果。
还原图片：在下方粘贴 Data URI 或 Base64，确认格式与尺寸后下载。

输入 / 输出说明

输入: 编码：一张不超过 5 MB 的图片（含 SVG、ICO）；解码：不超过 2000 万字符的 Data URI 或 Base64 文本。
输出: Data URI、纯 Base64、CSS、HTML 或 Markdown 文本；解码得到原始图片文件。
限制: 不压缩、不缩放图片；解码只接受能识别为图片的内容，不处理 PDF 或其他文件类型。

注意事项

内联图片会让 HTML / CSS 变大且无法单独缓存，通常只适合很小的图标。较大的图片建议先用图片压缩处理。

常见问题

图片转 Base64 后为什么体积大了约 33%？: Base64 把每 3 个字节写成 4 个字符，30 KB 的图片约变成 40 KB 文本，再加 data: 前缀。开启 gzip 后差距会缩小，但内联图片不能单独缓存，通常只适合几 KB 的小图标。
SVG 做 Data URI 用 URL 编码还是 Base64？: 一般 URL 编码更短：只转义 #、%、< 等少数字符，Base64 则固定增加约 33%。本页默认对 SVG 用 URL 编码并把双引号换成单引号，可直接放进 CSS；有要求时再改用 Base64。
粘贴 Base64 后提示不是图片该怎么办？: 先确认文本完整，只能含 A–Z、a–z、0–9、+、/ 和结尾最多 2 个 =。本页按文件头识别格式，如 PNG 前 8 字节固定、JPEG 以 FF D8 FF 开头；截断或实为 PDF 都会提示。