图片转Base64

图片Base64编码转换工具,工具提供了PNG 转换Base64,GIF 转换Base64,JPEG 转换BASE64等各种图片的格式转换,你只需拖动图片到指定区域,即可完成操作!

upload image icon
拖拽或复制文件到这里
或者
需要对方服务器header设置了Access-Control-Allow-Origin: *

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...');