图片转 Base64

把图片转成 Base64 字符串或 data URI,直接复制到 CSS / HTML 里。

或把图片拖到这里

最大 30 MB图片只在你的浏览器里处理,不会上传
  1. 1选择图片

    选择一张图片。

  2. 2设置

    选输出形式:纯 Base64、data URI、CSS background、HTML img 标签。

  3. 3下载

    一键复制。

「图片转 Base64」使用指南

选你要粘贴的形式

data URI 可以直接放进 src="…" 或 CSS 的 url()。纯 Base64 用于 JSON 和配置文件。现成的 CSS background-image 和 HTML <img> 两行,是给「想直接粘一行能用的」准备的。选好后一键复制。

只用在小图上

Base64 比原文件大三分之一左右,而且是待在 HTML 或 CSS 里,不会作为单独文件被缓存。10 KB 以下的小图标、占位图、间隔图才划算;超过 50 KB 工具会提醒你,因为页面会开始变慢。

还有这些更合适的做法

SVG 通常直接当标记粘进去比转 Base64 更好:可以改、可以用 CSS 控制样式,压缩也更有效。出现在不止一个页面上的图片,也更适合保持为普通图片文件,让浏览器缓存一次反复用。

常见问题

照片会上传到服务器吗?

不会。所有处理都在你的浏览器里完成,照片从头到尾不离开你的设备。关闭页面后什么都不会留下。

多大的图片适合转 Base64?

一般建议 10 KB 以下。Base64 会比原文件大约 33%,太大的图内嵌反而拖慢页面。