图片转Base64 - 在线编码与解码图片

图片转 Base64 工具

图片转 Base64 把一张图片变成一段 Base64 编码的文本字符串，可以直接粘贴进你的代码里。拖入 JPEG、PNG、WebP、GIF、SVG、BMP 或 ICO 文件，即可得到一段内联的 data URI，随时用于 HTML、CSS、邮件或 JSON——无需单独的图片文件。

它支持双向转换。既能把图片按你选择的输出格式编码为 Base64，也能切到 Base64 转图片 标签页，粘贴一段 Base64 字符串，再把它下载还原成真正的图片文件。

从设计上保护隐私：每张图片都在你的浏览器中读取和转换。不会上传到任何服务器，也不会收集任何使用数据。

在 图片转 Base64 标签页，把图片拖放到上传区，或点击它选择一个文件。预览图会随即出现，并显示文件的名称、类型、大小和尺寸。

在 data URI、原始 Base64、CSS 背景和 HTML <img> 之间切换。输出内容和它的大小对比会即时更新。

点击复制把字符串发送到剪贴板，或点击 下载 .txt 把它保存为文本文件。用 更换图片 即可换一个文件重新开始。

打开 Base64 转图片，粘贴一段 Base64 字符串（带不带 data:image/... 前缀都行），预览图会自动出现。点击 下载图片 即可保存。

把图片拖到上传区，或点击浏览选择，图片一加载就会立即转换为 Base64。

一键获取 data URI、原始 Base64、一条 CSS background-image 规则，或一个完整的 HTML <img> 标签。

粘贴一段 Base64 字符串即可预览图片，并按原始格式把它下载还原成真正的文件。

解码时既接受完整的 data URI，也接受纯 Base64——前缀会被自动识别，无需任何清理。

在实时预览旁边查看图片名称、MIME 类型、文件大小和像素尺寸。

把原始文件大小与编码后的输出对比，让你清楚 Base64 内嵌是否划算。

在同一个工具里支持 JPEG、PNG、WebP、GIF、SVG、BMP 和 ICO 图片。

把结果复制到剪贴板，或保存为 .txt 文件，还能载入一段示例字符串来试用解码。

在 图片转 Base64 标签页，把图片拖放进来或点击选择一个文件，它会被即时编码——然后选择 data URI、原始 Base64、CSS 或 HTML 输出，再点击复制或下载 .txt。

选择 data URI 输出，把它放进图片标签的 source 属性里，例如 <img src="data:image/png;base64,iVBOR...">。或者选择 HTML <img> 格式，直接复制一个完整、可粘贴即用的标签。

选择 CSS 输出格式。它会生成一条 background-image: url(data:image/...); 规则，把图片直接嵌入你的样式表——很适合小图标和 UI 纹理。

会的。Base64 编码会让数据大小增加约 33%，因此一张 100 KB 的图片会变成约 133 KB。大小对比会显示确切的变化。内嵌适合图标、logo 这类小图片；大照片则建议作为单独的缓存文件来加载。

data URI 用 data:[media-type];base64,[data] 的形式把数据内联嵌入。对于图片，它看起来像 data:image/png;base64,iVBOR...，可以直接放进 HTML 的 src 属性或 CSS 的 url() 值里。

打开 Base64 转图片 标签页，粘贴你的字符串——完整的 data URI 或纯 Base64 都可以，因为前缀会被自动识别。预览图会连同它的类型、尺寸和大小一起出现，点击 下载图片 即可把它保存为文件。

会的。所有编码和解码都用 JavaScript 在你的浏览器中运行。你的图片和 Base64 字符串绝不会上传到任何服务器，因此你的数据会私密地留在你自己的设备上。