图片转 Base64 转换器
将本地图片转换为 Base64 文本或可直接使用的数据 URL,然后复制或下载结果,无需上传源图片. 此工具无需安装,所有处理均在当前浏览器本地完成,不会上传输入内容或本地文件。
开始使用
此工具能帮您做什么
将本地图片转换为 Base64 文本或可直接使用的数据 URL,然后复制或下载结果,无需上传源图片。
示例
icon.png
data:image/png;base64,iVBORw0KGgo…
结果是如何生成的
Base64 用可打印字符表示二进制字节。它是可逆编码,不是压缩或加密,通常会使数据量增加约三分之一。
实用工作流
- 在 CSS 或 HTML 中嵌入小图标
- 创建可移植的 API 或测试夹具
- 以文本形式检查或传输小型二进制资源
重要限制
- 大型 Base64 字符串会增加 HTML、CSS 和内存使用。
- 编码不会隐藏或保护图片。
- 数据 URL 的 MIME 类型必须与实际文件格式匹配。
常见问题
为什么 Base64 比图片文件大?
每三个二进制字节由四个 Base64 字符表示,再加上数据 URL 前缀。
我应该嵌入网站上的所有图片吗?
不。外部文件通常缓存更好;内联数据最适用于小型自包含资源。
具体示例:将小图标转换为数据URL以嵌入CSS
假设您有一个16x16的PNG图标(大小约1KB),希望直接嵌入CSS背景,避免额外请求。上传图标后,选择“数据URL”输出格式,点击转换。结果类似:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9h...。复制该字符串,在CSS中写入background-image: url('data:image/png;base64,...');即可。
输入与输出说明
输入:本地图片文件(PNG、JPEG、WebP等)。
输出:Base64文本或数据URL,可复制或下载为.txt文件。
常见问题
为什么Base64字符串比原文件大?
Base64编码每3个字节转换为4个字符,因此体积增加约33%。数据URL还包含前缀(如data:image/png;base64,),进一步增加长度。
是否所有图片都适合转换为Base64?
不。大型图片(如照片)转换后会使HTML/CSS文件臃肿,影响加载性能。建议仅对小于10KB的图标或小图形使用。
转换会泄露图片内容吗?
不会。转换在浏览器本地完成,图片不会上传到服务器。但Base64本身不加密,任何人获得字符串都能解码,因此不适合敏感图片。
此工具无需安装,所有处理均在当前浏览器本地完成,不会上传输入内容或本地文件。