将任何图像编码为 Base64 数据 URI
将图像放入该工具中,即可立即获取 Base64 编码的字符串。使用输出作为 HTML、CSS 或 JSON 中的数据 URI,无需单独托管图像。该工具显示编码长度、MIME 类型和实时预览,以便您可以在复制之前验证结果。
免费使用此工具特征
多种格式支持
对 JPEG、PNG、WebP、GIF 和 SVG 文件进行编码。自动检测正确的 MIME 类型并将其包含在数据 URI 前缀中。
一键复制
单击即可复制原始 Base64 字符串或完整数据 URI。确认提示让您知道文本位于剪贴板上。
输出统计
查看原始文件大小、编码字符串长度和编码开销百分比。这可以帮助您决定内联图像是否值得进行权衡。
CSS 和 HTML 片段
获取 HTML img 标签和 CSS 背景图像规则的可粘贴代码片段。复制该代码片段并将其直接放入您的代码库中。
如何使用
上传图片
将 JPEG、PNG、WebP、GIF 或 SVG 文件拖到工具中。图像在本地读取并且永远不会离开您的设备。
查看输出
该工具显示 Base64 字符串、数据 URI 和解码图像的实时预览,以便您确认其匹配。
复制或下载
单击以复制数据 URI 字符串或将其下载为纯文本文件。使用 HTML 或 CSS 代码片段按钮来粘贴准备好的代码。
规格
| 输入格式 | JPEG、PNG、WebP、GIF、SVG |
| 输出 | Base64 字符串/数据 URI |
| 最大文件大小 | 10MB |
| MIME检测 | 自动的 |
| 片段格式 | HTML 图片、CSS 背景 |
| 加工 | 客户端(无上传) |
Related Magic Eraser Tools
常见问题
什么时候应该使用 Base64 而不是常规图像文件?
+
Base64 内联对于非常小的图像(例如图标、1x1 跟踪像素或微小的 UI 元素)最有用,在这些图像中,节省额外的 HTTP 请求比 Base64 编码增加的大约 33% 的大小增加更重要。
Base64编码会降低图像质量吗?
+
不会。Base64 是二进制文件数据的无损编码。解码后的图像与原始图像逐字节相同。唯一的代价是更大的文本负载。
我可以编码的文件大小有上限吗?
+
该工具接受最大 10 MB 的文件。较大的图像将产生非常长的字符串,这对于内联来说可能不切实际。对于大图像,托管文件并使用 URL 链接到它几乎总是更好的方法。
More free tools
Explore our other limited free edits after sign-in photo and image tools.
将图像大小调整为精确的像素尺寸,以适应社交媒体、网络和印刷品。无需注册。支持最大 50 MB 的 JPEG、PNG 和 WebP。
将 JPEG、PNG 和 WebP 图像压缩高达 80%,同时将可见质量损失降至最低。调整质量滑块以实现完全控制。无需注册。
立即将 PNG 图像转换为 JPEG 格式。调整输出质量,为透明区域选择背景颜色,然后下载 - 无需注册。
将 JPEG 图像转换为 PNG 格式以获得无损质量和透明度支持。背景去除前的理想选择。无需注册或安装。
将 Apple HEIC 和 HEIF 照片转换为普遍兼容的 JPEG 格式。在浏览器中工作 - 无需安装应用程序,无需注册,无需将文件上传到服务器。
将 JPEG 和 PNG 转换为 WebP 以加快页面加载速度,或将 WebP 转换回 JPEG/PNG 以实现兼容性。无需注册,无需安装,在浏览器中运行。