图片转 Base64
把图片转成 Base64 字符串或 data URI,直接复制到 CSS / HTML 里。
或把图片拖到这里
最大 30 MB图片只在你的浏览器里处理,不会上传- 1选择图片
选择一张图片。
- 2设置
选输出形式:纯 Base64、data URI、CSS background、HTML img 标签。
- 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%,太大的图内嵌反而拖慢页面。