图片转Base64

1. 为什么要使用 base64 编码？

Base64 编码的图片可以使用 img 标记或 CSS 嵌入，通过防止额外的 HTTP 请求来加快较小图片的加载时间。

2. 支持的图像格式

该工具支持最常见的图片格式。这些格式包括 .jpg、.jpeg、.png、.gif、.webp、.svg 和 .bmp。

3. 如何转换图像

在主页页面，您可以将图像拖入浏览器窗口或点击上传按钮进行转换。
文件上传后，绿色结果行将显示文件已成功编码。如果出现红色一行，则表示出错了，你会在右侧看到一个错误信息。

4. 使用 base64 作为图像源

你可以使用 data:image/... 结构，将 base64 编码字符串作为 src 参数的值。

您可以通过按下按钮获取示例代码，然后将其复制到剪贴板。

如果您的客户端不支持不通过 Flash 复制到剪贴板，而且您也没有安装 Flash，那么您可以单击按钮，然后从对话窗口中显示的第一个示例中手动复制文本。

您的 HTML 代码应如下所示

<img src="data:image/jpeg;base64,/9j/4RiDRXhpZgAATU0AKgA..." width="100" height="50" alt="toolinone.com"> 

5. 使用 base64 作为 css 背景

你也可以将 base64 编码字符串用作 CSS 背景图片。只需在 url() 参数中输入 data:image/...

您可以按下按钮获取示例代码，并将其复制到剪贴板中。

background: url('data:image/jpeg;base64,/9j/4RiDRXhpZgAATU0AKgA...');