首页 / 图片工具 / 图片转 Base64 转换器
免费在线工具

图片转 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本身不加密,任何人获得字符串都能解码,因此不适合敏感图片。

此工具无需安装,所有处理均在当前浏览器本地完成,不会上传输入内容或本地文件。