图片转 Base64

← ToolBox / 图片转 Base64

🔤 图片转 Base64

📐 工作原理与说明
把图片文件编码为 Base64 文本（常以 Data URL 形式输出）。
  • 流程：读取图片字节流 → Base64 编码 → 拼成 data:image/png;base64,…。
  • 用途：内联小图标减少请求数、嵌入 HTML/CSS、上传前本地预览。
  • 代价：编码后体积膨胀约 33%，大图不宜内联（经验阈值约 10KB 以内）。
  • 注意：Base64 是编码不是压缩，也不会减小实际传输体积。

选择或拖入图片，本地转换为 Base64 编码字符串，可预览、查看大小并一键复制，适合内嵌图片到 HTML/CSS/小程序。

📁
点击选择图片，或将图片拖拽到此处
支持 PNG / JPG / WebP / GIF，建议 < 5MB

📚 深度解析：Image to Base64

💡 常见使用场景

  • 把图片转 data URI 内联进页面。
  • 把小图标内联进 CSS 或邮件模板：几 KB 的图标转 data URI 后可省一次请求，但大图这样做会显著拖慢首屏。
转换
上传 PNG → `data:image/png;base64,iVBORw0KGgo...`（前缀含 MIME）。

❓ 常见问题（FAQ）

内联图片变大吗？
Base64 约膨胀 33%，小图可用，大图建议外链。
什么时候不该用 data URI？
大于几 KB 的图片不建议内联：Base64 会让体积增加约 33%，且内联内容无法被浏览器单独缓存，也会阻塞 HTML/CSS 的解析与渲染。需要缓存、需要懒加载、或图片会被多处复用时，应使用独立文件配合缓存头。
⚠️ 使用说明与注意事项

🔗 相关工具

🔍 ASCII 可读性检测ASCII 可读性检测 🔤 Base32 编码长度估算Base32 编码长度估算 🔤 Base58 校验长度Base58 校验长度 🔤 Base64 编码 / 解码Base64 编码 / 解码 🔤 Base64 编码大小Base64 编码大小 🔤 Base64 编码长度Base64 编码长度