长风破浪会有时，直挂云帆济沧海。 —— 李白《行路难》
图片Base64在线互转 - 图片编码与解码
图片 ↔ Base64 互转
或拖拽图片到此区域
图片 Base64 互转说明
图片转Base64后可直接嵌入HTML/CSS，减少HTTP请求。Base64编码后体积约增加33%，适合小图标。如需格式转换可使用图片格式转换。
Base64 互转的应用场景
前端性能优化：将小图标编码为 Data URI 内嵌 HTML 减少 HTTP 请求；HTML 邮件制作：将图片嵌入邮件确保收件人离线也能看到图片；CSS 背景图：通过 background-image: url(data:...) 将图片直接写入样式表；API 数据传输：将图片转为 Base64 字符串通过 JSON 传输。
常见问题
Base64 编码后体积会变大吗？
会。Base64 编码后体积约增加 33%，因为每 3 个字节转为 4 个字符。建议只对小图标（小于 10KB）使用 Base64 编码，大图直接用图片链接更好。
什么场景适合用 Base64 图片？
前端开发中内嵌小图标减少 HTTP 请求；邮件中嵌入图片确保收件人能看到；CSS 背景图编码为 Data URI 减少资源依赖。
不同输出格式有什么区别？
Data URI 可直接用于 img src 属性；CSS background 可直接粘贴到样式表；HTML img 生成完整 img 标签；纯 Base64 只包含编码数据不含前缀。
解码时支持自动识别图片格式吗？
支持。如果粘贴的 Base64 字符串不带 data:image 前缀，工具会根据编码头自动识别 JPG/PNG/GIF/WebP/BMP/SVG 格式。