点击或拖拽图片到这里上传
支持 JPG、PNG、GIF、WebP、SVG 等常见图片格式
所有处理在本地完成,图片不会上传到服务器
图片预览
-
图片信息
文件名
-
图片类型
-
原始大小
-
图片尺寸
-
Base64大小
-
编码增长
-
输出格式
Base64 编码结果

什么是Base64编码?

Base64是一种基于64个可打印字符来表示二进制数据的编码方法。它将二进制数据转换为由A-Z、a-z、0-9、+、/这64个字符组成的字符串,常用于在文本协议中传输二进制数据。

为什么需要图片转Base64?

内联图片:将小图片编码为Base64直接嵌入HTML/CSS,减少HTTP请求,提升页面加载速度。

数据传输:在JSON、XML等文本格式中传递图片数据,无需额外的文件传输。

邮件嵌入:在HTML邮件中嵌入图片,确保图片正常显示。

本地存储:将图片数据存储在localStorage或IndexedDB中。

使用说明

1. 点击上传区域或拖拽图片到页面。

2. 工具会自动将图片转换为Base64编码。

3. 选择需要的输出格式:纯Base64、Data URL、CSS或HTML格式。

4. 点击复制按钮将结果复制到剪贴板,或下载为文本文件。

输出格式说明

纯Base64:仅包含Base64编码字符串,不包含任何前缀。

Data URL:包含MIME类型前缀的完整格式,可直接用于img标签的src属性。

CSS background:格式为background-image: url(data:...),可直接用于CSS样式。

HTML img src:完整的img标签,可直接插入HTML代码。

注意事项

Base64编码会使数据体积增加约33%,不建议对大图片进行编码。建议仅对小于10KB的小图标、背景图等进行Base64编码。大图片使用Base64会增加HTML/CSS文件体积,反而降低性能。

常见问题 FAQ

可以!Data URL格式的Base64图片可以直接用在img标签的src属性或CSS的background-image中。浏览器会自动解码并显示图片,无需额外的HTTP请求。
Base64编码将每3个字节的二进制数据转换为4个字符,因此编码后的数据会比原始数据大约33%。这是Base64编码的固有特性,无法避免。
不会!所有图片处理都在您的浏览器本地完成,使用FileReader API进行编码,图片数据完全不会离开您的设备,100%保护隐私安全。
支持所有浏览器能识别的图片格式,包括JPG/JPEG、PNG、GIF、WebP、SVG、BMP、ICO等常见格式。