图片转Base64

选择本地图片,即时转为Base64 Data URI,可直接写入CSS的 background:url(...) 或HTML的 <img src="...">。文件仅在浏览器内读取,不会上传到服务器。

使用建议:Base64内嵌适合小图标(一般≤5KB),可省一次HTTP请求;但编码后体积比原文件大约1/3,大图内嵌会拖慢首屏且无法被浏览器单独缓存,建议大图仍走静态文件+CDN。

常见问题

什么图片适合转Data URI内嵌?

小体积、必现的资源:favicon、小图标、关键CSS背景图(省一次请求、无闪烁)。经验阈值4-8KB以内;大图内嵌会让HTML/CSS体积暴涨且无法被浏览器单独缓存,得不偿失——大图走正常URL加载。

转出来的字符串开头那段是什么?

Data URI标准前缀:data:[MIME类型];base64,[数据],如data:image/png;base64,iVBOR…。MIME必须与实际格式一致(PNG/GIF/WebP/SVG各有其值,ICO为image/x-icon),工具按文件真实类型生成,可直接嵌入CSS的url()或HTML的src。

相关工具