图片转Base64编码器

将图片转换为Base64数据URL或Base64字符串格式。支持所有常见图片格式,完全离线工作。

把图片拖到这里

或点击选择 —— 支持 PNG、JPG、WebP、GIF、SVG

工具特性

我们的图片转Base64转换器提供这些强大功能

即时转换

在浏览器中实时处理图片转Base64,无需等待,瞬间完成转换

隐私保护

所有处理都在您的浏览器本地进行,不会将文件上传到服务器

多种格式

支持JPG、PNG、GIF、WebP、BMP、SVG等常见图片格式

多种输出选项

提供带前缀的数据URL或纯Base64字符串,满足不同需求

移动端友好

响应式设计,在桌面、平板和手机上都能完美工作

大小信息

显示原始文件大小、Base64大小和压缩比例详细信息

使用方法

  1. 1

    上传图片

  2. 2

    转换

  3. 3

    复制结果

使用场景

网页开发:内联图片

将小图片直接嵌入HTML/CSS作为数据URL,减少HTTP请求,提高页面加载速度

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSU...)

邮件模板:嵌入图片

在HTML邮件中包含图片而无需外部托管,确保图片即使在外部源被阻止时也能显示

<img src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQAB...' />

API开发:图片数据传输

通过REST API以JSON格式发送图片数据,对移动应用和网络服务很有用

{ 'avatar': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEU...' }

数据存储:数据库图片

将小图片直接作为Base64字符串存储在数据库中,无需单独的文件存储

INSERT INTO users (avatar_data) VALUES ('iVBORw0KGgoAAAANSUhEU...')

配置文件:图标嵌入

在配置文件、清单或文档中嵌入图标和徽标,创建自包含的应用程序

icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cD...'

Canvas和图形:图片处理

将图片转换为Base64用于HTML5 Canvas API或图片处理库

canvas.toDataURL('image/png') // 返回Base64数据URL

常见问题

参考资料