100 100.tools
图片压缩工具 图片尺寸调整工具 图片格式转换工具 图片裁剪 SVG 转 PNG 图片调色板提取 图片水印工具 图片 EXIF 信息查看与抹除 Favicon 生成器 全本地图片压缩与转换器 图片背景色去除工具 像素画制作器 ASCII 字符画生成器 大字报封面设计器

图片转 Base64

在浏览器中将本地图片转换为 Base64 Data URI、CSS url() 或原始 Base64 文本。

拖放图片到这里

已就绪。

仅本地处理 小图片更适合转换，最大 5 MB。
拖放图片到这里 支持 JPG、PNG、WebP、GIF 或 SVG 文件。 FileReader 会在当前浏览器标签页中运行。

输出设置

选择要生成的文本格式。

说明
  • Base64 通常会让文件体积增加约三分之一。
  • HTML 可使用 Data URI，样式表可使用 CSS url()。
  • 生产页面中尽量避免嵌入大图片。

Base64 输出

Base64 输出会显示在这里。

已就绪。

这个图片转 Base64 工具是什么？

这个工具会读取本地图片，并转换为 Base64 Data URI、CSS url() 值或原始 Base64 字符串。它适合小图标、邮件模板和开发测试。

隐私说明

图片会保留在你的浏览器中。工具不会上传文件，也不会在服务器存储文件。

主要功能

  • 转换为 Data URI、CSS url() 或原始 Base64
  • 复制前预览所选图片
  • 一键复制输出内容
  • 将生成文本下载为 .txt 文件
  • 使用本地 FileReader 处理，无需上传

使用方法

  1. 添加图片

    选择或拖入一张图片文件。

  2. 选择输出模式

    选择 Data URI、CSS url() 或原始 Base64。

  3. 生成文本

    浏览器会读取文件并生成所选格式。

  4. 复制或下载

    复制输出内容，或下载为文本文件。

常见问题

图片会上传吗？

不会。FileReader 会在你的浏览器中读取图片。

为什么 Base64 比图片文件更大？

Base64 编码通常会让体积增加约三分之一。

大图片适合转 Base64 吗？

通常不适合。Base64 更适合小图标和嵌入式资源。

可以转换 SVG 吗？

可以，SVG 文件可以编码为 Data URI 或原始 Base64。

相关工具

SVG SVG 转 PNG 在本地将 SVG 文件或代码导出为 PNG。 IMAGE 图片格式转换工具 本地转换图片格式，无需上传文件。 JSON JSON 格式化与校验 本地格式化、校验和折叠 JSON。 IMAGE 图片压缩工具 本地压缩图片并控制质量和尺寸。 IMAGE 图片尺寸调整工具 本地按尺寸、比例或预设调整图片。 IMAGE 图片裁剪 在浏览器中按常用比例裁剪图片。 IMAGE 图片调色板提取 从图片中提取 HEX、RGB、HSL 和 CSS 调色板。 IMAGE 图片水印工具 在浏览器中为图片添加文字或 Logo 水印。