图片转 Base64：是什么，什么时候用
2026-05-28
如果你写 HTML、CSS 或和 API 打交道，你大概见过以 data:image/png;base64,iVBOR… 开头的长字符串。那是 Base64 编码的图片，它让你把一张图直接嵌进代码、而不是链接到单独的文件。用得好很方便，用得随意会拖慢页面。下面说清各自的边界。
Base64 到底做了什么
Base64 是一种只用纯文本字符来表示二进制数据（比如图片）的方法。把图片转成 Base64 数据 URI，会把整张图变成一长串字符串，你能把它粘贴到任何允许文本的地方：<img src="…"> 里、CSS 的 background-image 里，或 JSON 数据里。图片于是随代码一起走，没有单独文件，也不需要额外的网络请求去取它。
什么时候帮你省事
Base64 在很小的图片上最有用：一个微型图标、一段 1 像素渐变、内联 SVG 的兜底，或嵌进 HTML 邮件里的 logo（这样它总能显示、不依赖外部托管）。当你想要一个无依赖、自包含的单文件时，它也有用。对这些小场景，省掉一次网络请求能让页面更跟手。用我们的图片转 Base64 工具转换任意图片——它在本地读取文件、绝不上传。
什么时候反而坏事
Base64 字符串比原文件大约大 33%，而且不像链接的图片那样能被浏览器单独缓存或并行加载。所以嵌入一张大照片会撑大你的 HTML 或 CSS、反而拖慢页面。经验法则：小素材用 Base64，更大的都用普通文件链接。如果确实要嵌，先压缩，并考虑轻量格式——一张小 WebP 或生成的 favicon 能让字符串保持短小。