什么是图像文件?
二进制格式——PNG、JPG、WebP——通常以独立文件的形式存在,各自拥有请求、缓存规则以及相对于您页面的路径。
将图片转换为 Base64 数据
工具未能加载,请检查网络连接后重试。
将文件拖放到此处
或点击选择文件
还没有文件。添加文件即可开始。
加载 PNG、JPG 或 WebP——它在本地读取,绝不上传。
完整的 Base64 data URI 会立即显示,可随时复制。
粘贴到 CSS、HTML img src 或 JSON 中,或将其保存为 .txt 文件。
将图像拖放到页面上。文件字节会在本地读取并编码为 Base64 data URI,显示后即可复制或下载为 .txt 文件。
不会。Base64 是原始字节的无损文本表示。之后解码 data URI 会得到字节完全相同的图像。
Base64 将每 3 个字节表示为 4 个字符,大约增加 33% 的体积,再加上 data URI 前缀。这是编码本身的固有特性,并非本工具所致。
绝不会。文件通过浏览器 FileReader API 读取并在您的设备上编码——没有上传,也不需要账户。
这里介绍每种格式的用途,以及何时将图像文件转换为 data URI 才是正确的选择。
什么是图像文件?
二进制格式——PNG、JPG、WebP——通常以独立文件的形式存在,各自拥有请求、缓存规则以及相对于您页面的路径。
什么是 Base64 data URI?
同样的字节以自包含文本字符串(data:image/png;base64,...)的形式存在,可内联于 CSS、HTML 或 JSON 中,无需二次请求。
何时需要
适用于微小图标、内嵌占位符、单文件 HTML 导出,或避免邮件中的额外请求。对于超过几千字节的内容,带正确缓存的独立文件通常是更好的选择。