Base64 图片转码
图片与 Base64 Data URI 互转，支持拖拽上传和预览
点击或拖拽图片到此处上传
支持 PNG / JPG / GIF / SVG / WebP / BMP
{{ imageInfo.name }} · {{ imageInfo.sizeText }}
点击重新选择图片
输出长度: {{ base64Output.length }} 字符
MIME: {{ imageInfo.mime }}
字符: {{ base64Input.length }}
{{ errorMsg }}
{{ decodedImageInfo.mime }} · {{ decodedImageInfo.sizeText }}
关于 Base64 图片转码
Base64 图片转码是将图片文件转换为 Base64 编码的 Data URI 字符串的过程。Data URI 是一种将图片数据直接嵌入到 HTML/CSS 中的技术，格式为 data:image/png;base64,...。
使用 Base64 编码图片的常见场景包括：减少 HTTP 请求（将小图片内联到 HTML 中）、CSS 背景图内联、邮件中的图片嵌入、Markdown 中的图片引用等。
本工具支持双向转换：将图片文件转换为 Base64 Data URI，或将 Base64 Data URI 还原为图片并下载。所有处理均在浏览器前端完成。
常见问题
Q: 图片转 Base64 后体积会变大吗？
A: 会。Base64 编码会使数据体积增大约 33%。对于大图片建议谨慎使用内联方式，以免影响页面加载速度。
Q: 支持哪些图片格式？
A: 支持 PNG、JPEG、GIF、SVG、WebP、BMP、ICO 等常见图片格式。输出时会自动识别 MIME 类型。
Q: 如何在 CSS 中使用 Base64 图片？
A: 使用
background-image: url(data:image/png;base64,...) 格式即可。本工具提供"复制 CSS background"按钮，一键生成可直接粘贴的 CSS 代码。