输入
结果

📖 Base64 编解码使用指南

Base64 编解码工具同时覆盖文本与图片:文本支持中文及 URL Safe 变体,图片可拖入生成 Base64 字符串或反向还原预览,特别适合处理 Data URI 相关场景。

🎯 功能特点

  • 文本编码勾选「支持中文」,按 UTF-8 正确处理汉字与 emoji。
  • 提供 URL Safe 选项,输出可直接放进网址参数的编码变体。
  • 支持 PNG、JPG、GIF、WebP、SVG 一键转 Base64。
  • 粘贴 Base64 字符串可反向还原出图片并即时预览核对。

📝 使用步骤

  1. 文本模式:在输入框粘贴内容,按需勾选「URL Safe」「支持中文」。
  2. 执行编码或解码,结果区即时生成,点击即可复制。
  3. 图片模式:拖入图片生成 Base64,或粘贴字符串还原出图片。

💡 适用场景

  • 把小图标转成 Base64 内嵌进 CSS 减少 HTTP 请求
  • 解码 JWT payload 或接口字段中的 Base64 内容排查问题
  • 生成 Data URI 在 Markdown 或 HTML 中直接嵌入图片

❓ 常见问题

Q: 解码中文出现乱码怎么办?

通常是编码方没有按 UTF-8 处理导致的,勾选「支持中文」选项后再解码,一般就能恢复正常的汉字显示。

Q: URL Safe 和普通 Base64 有什么区别?

URL Safe 把 + 和 / 替换成 - 和 _,避免在网址中被再次转义;用于链接参数或 JWT 场景时记得勾选这个选项。

Q: 图片转成 Base64 后体积会变大吗?

会,编码后体积约增加三分之一,只建议小图标、占位图内嵌使用,大图还是应该走普通的文件引用方式。

Q: 上传的图片会不会泄露?

图片通过浏览器 File API 在本地读取,编码也只发生在页面内部,任何像素数据都不会发送到远端服务器。