图片转 Base64
把图片转换为 Base64 Data URI,用于 CSS 或 HTML 内嵌。
About 图片转 Base64
把小图片以 Base64 Data URI 形式内嵌,可以省掉独立的 HTTP 请求:图片随 CSS 或 HTML 一起传输。这是图标、Logo、加载占位图和 HTML 邮件(外部图片常被拦截)的标准做法。本工具在本地把 PNG、JPEG、GIF、WebP、SVG 转换为 Data URI——图片不离开浏览器。
转换代价:Base64 编码会使体积增大约 33%。对小资源(10 KB 以内)划算——省下的请求往返超过体积增加;大照片仍应使用常规文件加缓存。工具同时显示原始与编码后体积,帮你即时判断。
输出覆盖常见用法:完整的 Data URI 用于 HTML img src,以及现成的 CSS background-image 声明。全部通过 FileReader 在客户端完成——未发布的设计稿、内部资源、不可上传第三方网站的授权素材都安全。
Frequently Asked Questions
什么时候应该内嵌 Base64 图片?
小而常用的资源:UI 图标、小 Logo、内联 SVG 兜底、HTML 邮件。照片和超过约 10 KB 的资源不要内嵌——体积开销和不可缓存的标记成本高于省下的请求。
为什么 Base64 版本比原文件大?
Base64 把 3 字节编码为 4 个字符,增加约 33% 体积,浏览器每次解析还要解码。这是零额外请求的代价。
对 SEO 或性能有坏处吗?
内嵌图片无法被图片搜索收录,还会增大 HTML 文档体积。内嵌适用于功能性资源(图标、占位图),内容图片不要内嵌。