将图片转换为Base64

将图片拖拽到此处或点击选择

图像→Base64转换器使用指南

主要功能

图像→Base64转换

将图像文件转换为Base64字符串

质量调整

调整压缩率和质量的平衡

尺寸调整

调整图像大小以优化

使用场景

  • •将图像直接插入网页
  • •用作CSS背景图像
  • •在邮件HTML中插入图像
  • •在API响应中包含图像数据

💡 专家提示

格式特征:

Base64比原始图像大约增加33%的大小。仅用于小图像。

最佳大小:

适合5KB以下的小图像或图标

图像→Base64转换器使用指南

分步使用说明

1

选择图像文件

拖拽或点击上传要转换的图像文件。支持JPEG、PNG、WebP格式。

2

设置质量和大小

设置所需的质量(0.1-1.0)和最大大小。图像越小越适合Base64转换。

3

执行Base64转换

点击转换按钮将图像转换为Base64字符串。可以实时查看结果。

4

复制Base64结果

将生成的Base64字符串复制到剪贴板或下载使用。

💡 实用提示

对小图像(5KB以下)或图标使用Base64转换。大图像文件大小会增加33%。

Base64字符串可以直接插入HTML或CSS,但大图像可能会减慢页面加载速度。

所有处理都在浏览器中进行,因此个人信息得到安全保护。

图片转Base64(生成Data URI)

要把图片转换为Base64,只需添加图片,就会立即生成以 data:image/…;base64, 开头的Data URI。点击“复制”后粘贴到HTML的img src或CSS的background-image即可。PNG和WebP会保留原格式和透明背景。

为什么选择 Quick Image

  • 图片不离开您的设备 — 无需上传
  • 可直接粘贴的Data URI(data:image/…;base64,…)
  • PNG和WebP保留透明背景
  • 完全免费,无需注册

常见问题

如何在HTML或CSS中使用Base64结果?

将其作为图片地址粘贴,例如 <img src='data:image/png;base64,…'>,或在CSS中使用 background-image: url('data:image/png;base64,…')。

PNG的透明背景会保留吗?

会。PNG、JPG和WebP按原格式编码,透明PNG仍然透明。GIF、BMP等其他格式会编码为PNG。

为什么Base64比图片文件大?

Base64用文本表示二进制数据,比原始数据大约三分之一,因此最适合图标、Logo等小图片。

我的图片会被上传吗?

不会。图片在浏览器中读取和编码,不会离开您的设备。

最后更新: