跳至主要内容
FreeKitX

Base64 与 URL 编解码器 (支持 Data URI) - FreeKitX

收藏到浏览器

将此页保存到浏览器书签

手机端在浏览器的分享或菜单中选择“添加书签”。

纯前端 UTF-8 安全 Base64 与 URL 编解码工具:完美兼容中文字符与 Emoji 表情,支持图片转 Base64 Data URI,数据不离机。

就绪,等待输入。

UTF-8 Base64 与 URL 工具

免费 · 本地处理

UTF-8 安全的文本 Base64 编解码、完整 URL 参数转义与本地文件拖拽转 Data URI,完全在浏览器本地执行,零数据上传。

0 字符

0 字符

直接答案

Base64 与 URL 编解码工具提供 UTF-8 安全的文本 Base64 双向转换(含 URL-Safe 模式)、规范的 URL 百分比编码转义,以及本地小图片拖拽转 Data URI 嵌入代码。

如何使用此工具

1

选择编解码类别

挑选 Base64 文本编码、URL 路径组件转义或图片转 Data URI。

2

输入待处理内容

键入需要转换的文本或直接拖拽本地图片文件。

3

执行编码或解码

点击“编码”或“解码”按钮瞬时完成格式转码。

4

拷贝生成的结果

一键将结果代码复制到代码编辑器中进行集成。

RFC 4648 与 RFC 3986 统一资源标识符编码规范

Base64 算法将每 3 个 8 位字节(共 24 位)重组为 4 个 6 位单元,映射到 64 个可打印 ASCII 字符。URL-Safe 变体将可能引起网络歧义的 + 和 / 替换为 - 和 _,并去除尾部 = 补齐字符,便于在 HTTP Query 参数与 JWT 中安全传输。

  • 采用标准 TextEncoder 与 TextDecoder 接口转换多字节 UTF-8 字节流,根除传统 btoa 导致的中文字符乱码崩溃。
  • Data URI 将小图标或背景直接嵌入 HTML/CSS 中,免去额外的 HTTP 网络握手开销。

实用示例

安全编码包含中文字符与标点的文本

输入: 待编码文本:"免费高效的在线工具箱"

输出: Base64 编码结果:"5YWN6LS56auY5pWI55qE5Zyo57q/5bel5YW3566x"

确保特殊文本在各类网络接口、配置文件与邮件传输协议中安全传递不损坏。

限制

  • Base64 编码原理决定了其输出数据体积相较原始二进制体积通常增加约 33%。
  • 体积过大的图片(如数兆字节)转为 Data URI 会显著加重浏览器渲染和解析 CSS/HTML 的内存开销。

常见问题

为什么某些网站的 Base64 工具在转换中文或 Emoji 时会报错乱码?

因为老旧实现直接使用了仅支持单字节 Latin1 编码的原始接口;本工具基于现代标准 TextEncoder 进行 UTF-8 字节序列化,全面支持中日韩字符及各类表情符号。

什么是 URL-Safe Base64?

它将标准 Base64 中的“+”和“/”符号替换为“-”和“_”,避免在 URL 地址栏、Cookie 或 JWT 签名中被误识别为分隔符号。

权威技术标准与参考文献