点击选择图片,或将图片拖拽到此区域
支持 JPG、PNG、GIF、SVG、WebP 等格式
图片转base64是一种将图片文件二进制数据编码为纯文本字符串的技术,能有效解决图片在HTML、CSS、JSON等文档中的嵌入与传输问题。本工具不仅支持图片转base64与base64编码,还内置base64在线解码功能,提供Data URI前缀实时切换、多格式图片预览与一键复制下载。
该工具不仅支持图片转base64 与 base64编码,还提供 base64在线解码 转图片的反向功能,并支持自定义 Data URI 前缀。
在日常开发、网页设计和数据处理中,图片转base64 有着广泛的应用场景:将小图标、Logo 直接嵌入 HTML 或 CSS 中,减少 HTTP 请求数量;在 JSON API 中以字符串形式传输图片数据;在数据库中以文本形式存储图片;在邮件模板中内嵌图片。
我们的工具支持实时预览、一键复制和下载功能,让您能够快速将转换后的 Base64 字符串应用到项目中。
图片文件本质上是一系列二进制字节。base64编码 将每 3 个字节(24 位)的数据划分为 4 个 6 位的单元,每个 6 位单元映射到 64 个可打印字符之一。
我们的图片转base64 与 base64在线解码 引擎严格遵循 RFC 4648 标准,支持完整的 Data URI 格式,并自动识别图片的 MIME 类型。
点击上传区域选择图片文件,或直接将图片拖拽到指定区域。支持 JPG、PNG、GIF、SVG、WebP 等格式,单张图片最大 10MB。
根据您的使用场景选择是否包含 Data URI 前缀。包含前缀适合直接嵌入 HTML/CSS,不包含前缀则适合 JSON 传输或数据库存储。
转换完成后,base64编码 结果会自动显示在输出区域。您可以实时预览原始图片,查看字符数和 Base64 数据长度。
点击"复制"按钮将 Base64 字符串复制到剪贴板,或点击"下载"按钮保存为 TXT 文件。
支持 JPG、PNG、GIF、SVG、WebP、BMP 等多种图片格式,自动识别 MIME 类型。
基于浏览器本地高性能编码引擎,即使处理大尺寸图片也能在毫秒级完成转换。
所有图片转换操作均在您的设备上完成,图片数据不会上传至任何服务器。
无需注册、无需付费,无任何功能限制,永久免费使用。
响应式设计,完美兼容电脑、平板和手机,支持所有主流浏览器。
支持包含或省略 Data URI 前缀的切换,输出结果可直接用于 HTML、CSS、JSON、数据库等多种场景。
标准算法,准确无忧
我们的图片转base64 与 base64在线解码 工具严格遵循 RFC 4648 标准,兼容所有主流浏览器和开发框架。确保生成的 Base64 字符串 100% 可被解码还原。
本地处理,隐私至上
所有图片转base64 操作均完全在您的浏览器中执行,我们不会收集、存储或传输您的任何图片数据。我们坚持"数据不出设备"的原则。
10+种 Base64 在线解码格式
10+种 Base64 在线编码格式
全方位的功能支持
在 Java 中,可以使用 java.util.Base64 类将图片文件编码为 Base64 字符串。使用 Files.readAllBytes() 读取字节,Base64.getEncoder().encodeToString() 编码。
import java.nio.file.*;
import java.util.Base64;
public class ImageToBase64 {
public static void main(String[] args) throws Exception {
// 读取图片文件
byte[] imageBytes = Files.readAllBytes(Paths.get("image.png"));
// 编码为 Base64
String base64 = Base64.getEncoder().encodeToString(imageBytes);
System.out.println(base64);
// 解码回图片
byte[] decodedBytes = Base64.getDecoder().decode(base64);
Files.write(Paths.get("decoded.png"), decodedBytes);
}
}Python 中可以使用内置的 base64 模块。以二进制模式读取图片文件,调用 base64.b64encode() 编码,base64.b64decode() 解码。
import base64
# 读取图片并编码
with open("image.png", "rb") as f:
image_bytes = f.read()
base64_str = base64.b64encode(image_bytes).decode()
print(base64_str)
# 解码并保存
with open("decoded.png", "wb") as f:
f.write(base64.b64decode(base64_str))在浏览器中,使用 FileReader 的 readAsDataURL() 方法获取 Data URI。在 Node.js 中,使用 fs.readFileSync() 和 Buffer.toString('base64')。
// 浏览器环境
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', (e) => {
const file = e.target.files[0];
const reader = new FileReader();
reader.onload = () => {
const base64 = reader.result; // 包含 data:image/...;base64, 前缀
console.log(base64);
};
reader.readAsDataURL(file);
});
// Node.js 环境
const fs = require('fs');
const imageBuffer = fs.readFileSync('image.png');
const base64 = imageBuffer.toString('base64');
console.log(base64);
// 解码
const decodedBuffer = Buffer.from(base64, 'base64');
fs.writeFileSync('decoded.png', decodedBuffer);图片转base64是将图片文件的二进制数据编码为纯文本字符串的过程。编码后的字符串可以直接嵌入HTML、CSS、JSON等文档中。
将图片转换为base64可以减少HTTP请求数量,提升网页加载速度;在JSON API中传输图片数据;在数据库中存储图片内容。
我们支持JPG、JPEG、PNG、GIF、SVG、WebP、BMP等主流图片格式,工具会自动识别MIME类型。
单张图片大小限制为10MB。对于大多数网页图标、Logo和UI素材来说已经足够。
绝对不会。所有图片转base64的操作均在您的浏览器本地完成,图片数据不会离开您的设备。
如果需要在HTML的img标签或CSS的background-image中直接使用,建议包含前缀。如果用于JSON传输或数据库存储,建议不包含前缀。
全面解析 Base64 编码原理、Base64 在线解码与转码方法,涵盖文本、图片、PDF 等多种格式的转换实战,附常用工具推荐与代码实现示例。
详解图片与 Base64 互转的完整流程:PNG/JPG 转 Base64 编码、Base64 还原图片,提供在线工具和代码两种方案,解决开发者嵌入图片、减少 HTTP 请求的刚需。
Base64 解密出现乱码怎么办?本文纠正 Base64 是加密算法的常见误区,解析乱码产生的原因(字符集、URL 安全、填充符等),并提供正确的 Base64 编码与解密处理方案。
无需注册,无需付费,打开浏览器即可使用专业的图片转base64 工具。支持多种图片格式,保护您的数据隐私。