中文

图像转Base64

data-url

X

css

X
X

DataURI 允许你在 HTML 文档中嵌入小文件。你可以使用 img 标签或 CSS 来嵌入转换后的 Base64 编码，减少 HTTP 请求并加快小图片的加载速度。Base64 编码后的文件大小通常比原文件大约 30%。

// Using Base64 in CSS
.box{  background-image: url("data:image/jpg;base64,/9j/4QMZR...");
}
            
// Using Base64 in HTML
<img 
src="data:image/jpg;base64,/9j/4QMZR...
" />

什么是图片转 Base64

图片转 Base64 是将图片转换为 Base64 编码字符串的过程。它主要解决以下问题：减少网页上的 HTTP 请求以加快加载速度，便于在纯文本场景（如 API 接口和文本数据库）中传输和存储图片，以及简化数据处理流程。

什么是在线图片转 Base64 转换器

在线图片转 Base64 转换器无需开发环境即可进行转换，并直接显示 data-url 和 CSS 代码，方便用户直接复制使用。

如何使用图片转 Base64 转换器

点击右上角的“选择文件”上传图片。然后，下方将显示 data-url、CSS 和原生 Base64 内容。底部有使用 data-url 和 CSS Base64 的说明。此时，用户可以直接点击复制图标复制相应内容。