图片转 Base64

← ToolBox / 图片转 Base64
📖 查看「image-to-base64 使用指南」

🖼️ Image to Base64

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

Convert an image locally to a Base64 string with preview, size display and one-click copy for embedding in HTML/CSS.

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

📚 深度解析：本地图片转 Base64 内联

💡 常见使用场景

  • 把 PNG/JPG/SVG 小图转成 Base64 字符串内嵌到网页。
  • 预览并核对编码后体积，判断是否适合内联。
  • 一键复制 data URI 直接用于 CSS/HTML。
小图标内联
几 KB 的图标转 Base64 后可直接写入 CSS，减少一次 HTTP 请求，但会增大样式表体积。
较大照片不宜内联
数百 KB 的照片 Base64 后体积膨胀约 33%，会拖慢首屏，建议仍走外链。

❓ 常见问题（FAQ）

转换会上传到服务器吗？
不会。转换在浏览器本地完成，图片不会离开你的设备。
Base64 图片有什么优劣？
优点是减少请求、便于单文件分发；缺点是体积增大、不可缓存，仅适合小图。
⚠️ 使用说明与注意事项

🔗 相关工具

🔍 ASCII 可读性检测ASCII 可读性检测器，估算文本中 ASCII 与可打印字符占比，辅助判断编码与文本内容可读性。 🔤 Base32 编码长度估算Base32 编码长度估算器，按输入字节数估算编码后字符串长度，用于传输与存储容量规划。 🔤 Base58 校验长度输入原始字节长度，工具按 Base58 编码规则并叠加 4 字节校验和，估算编码后字符串长度，常用… 🔤 Base64 编码 / 解码Base64 编码 / 解码 🔤 Base64 编码大小按原始大小估算编码后体积 🔤 Base64 编码长度输入待编码数据的字节数，工具按每 3 字节转为 4 字符的规则估算 Base64 编码后的字符数…