什么是图片 Base64 编码？
Base64 是一种将二进制数据转换为 ASCII 字符串的编码方式。将图片转换为 Base64 后，你可以得到一串纯文本字符串，其形如 data:image/png;base64,iVBORw0KGgo...。这种格式被称为 Data URL，可以直接嵌入 HTML、CSS 或 JSON 中，而无需将图片保存为单独的文件并通过 URL 引用。
Base64 编码体积约比原始文件大 33%，因此适合体积较小的图片（如图标、Logo、占位图），不建议对大图使用。
MeTool 图片转 Base64 的核心功能
Data URL 与纯 Base64 双格式
工具同时提供两种输出格式：
• Data URL：含完整 MIME 前缀（如 data:image/png;base64,），可直接粘贴到 HTML img src、CSS background-image 的 url() 中使用。
• 纯 Base64：去掉前缀的纯编码字符串，适合 API 传参、自定义拼接场景。
一键复制，即用即走
点击复制按钮，字符串自动写入剪贴板，可立即粘贴到编辑器、终端或接口测试工具中，无需手动选择文本。
实时图片预览
上传后即刻渲染图片预览，让你在使用编码前确认图片内容正确，避免用错文件。
什么场景下需要把图片转成 Base64？
减少小图标的 HTTP 请求数
网站上大量使用的小图标（如 UI 按钮图标、Logo）如果各自作为独立文件加载，会产生大量 HTTP 请求，拖慢首屏渲染。把这些小图标转成 Base64 内联到 CSS 或 HTML 中，可以省去额外的网络请求。
邮件模板中嵌入图片
很多邮件客户端出于安全考虑会阻止加载外部图片链接，导致邮件里的图片显示为空白。使用 Base64 内联图片则不依赖外部资源加载，收件人打开邮件即可直接看到图片。
前端开发调试和占位图
开发过程中临时需要一张占位图片用于测试组件样式，直接把 Base64 字符串写进代码里，不需要额外准备图片文件、上传或搭建静态资源服务。
API 接口传输小尺寸图片数据
一些接口设计里，头像、验证码等小图片直接以 Base64 字符串形式随 JSON 一起返回或提交，避免额外的文件上传接口调用。
什么情况下不建议使用 Base64 编码图片？
Base64 编码会让文件体积增加约 33%，且内联进 HTML/CSS 的图片无法被浏览器单独缓存（普通图片文件可以被浏览器缓存并在多个页面间复用，但内联在 HTML 里的 Base64 图片会随每次页面加载重新传输）。因此，体积较大的照片、每个页面都会重复用到的公共图片（如网站 Logo、Banner）更适合作为独立文件通过 URL 引用，而不是转成 Base64 内联使用。
常见问题
Q：转换支持哪些图片格式？ A：支持 JPG、PNG、WebP、GIF、SVG 等常见格式，转换后的 Data URL 会自动带上对应的 MIME 类型前缀。
Q：转换过程会把图片上传到服务器吗？ A：不会。整个编码过程完全在浏览器本地完成，图片文件不会离开你的设备。
Q：Data URL 和纯 Base64 该选哪个？
A：如果要直接粘贴到 <img src=""> 或 CSS 的 url() 中使用，选择 Data URL（自带前缀，粘贴即用）；如果是自己拼接接口参数或需要自定义前缀格式，选择纯 Base64。
Q：转换后的字符串可以直接用来还原图片吗？
A：可以。把 Data URL 直接赋值给 <img> 标签的 src 属性，浏览器会自动解码并显示图片，无需额外处理。
Q：多大的图片适合转 Base64？ A：一般建议用于几十 KB 以内的小图标或小图片。体积较大的图片转换后字符串会非常长，既不便于阅读维护，也会显著增加页面体积，不推荐使用。