免费在线 Base64 图片转换器
在线免费将图片转换为 Base64 数据 URI,或将 Base64 字符串解码为图片预览。支持 PNG、JPEG、GIF、WebP、SVG 等格式,100% 本地处理。
100% 客户端处理 · 数据永不离开您的浏览器使用说明 Base64 图片转换器
通过顶部标签切换两种模式:
- 图片 → Base64:拖放任意图片文件(或点击浏览),即可获得 Base64 编码字符串,以及可直接使用的 CSS
data:URI 和 HTML<img>标签。 - Base64 → 图片:粘贴 Base64 字符串(带或不带
data:image/...;base64,前缀均可),即可预览解码后的图片。
常见用途:在 CSS、HTML 邮件、SVG 或 JSON 中内嵌图片,无需独立文件请求。所有处理均在您的浏览器中完成,不会上传任何文件。
常见问题
什么是 Base64 图片 / 数据 URI?
数据 URI 使用 Base64 编码将文件内容直接嵌入 URL。图片格式为 data:image/png;base64,iVBORw0K...。浏览器会像普通 URL 一样渲染它,可用于 CSS background-image、HTML src、SVG xlink:href 等任何接受 URL 的场景。
支持哪些图片格式?
支持浏览器能读取的所有图片格式:PNG、JPEG、GIF、WebP、AVIF、SVG、ICO、BMP、TIFF 等。工具会自动从文件中读取 MIME 类型,并将其包含在数据 URI 前缀中。
有文件大小限制吗?
由于所有处理均在浏览器端进行,没有服务器端硬性限制。但 Base64 编码会使文件体积增加约 33%,因此不建议在生产环境中将大图片(>100KB)嵌入为数据 URI——这会增加页面体积并阻止浏览器缓存。
如何在 CSS 中使用转换结果?
复制数据 URI,用作 CSS 背景:background-image: url("data:image/png;base64,...")。也可直接粘贴到 HTML src 属性中:<img src="data:image/png;base64,...">。
我的图片会上传到服务器吗?
不会。转换完全在您的浏览器中通过 FileReader API 和 JavaScript 完成,您的图片不会离开您的设备。