本地转换,打开即可用

图片转 Base64 在线工具

上传 PNG、JPG、WebP、SVG 等图片,立即生成 Data URL、纯 Base64、HTML、CSS 或 Markdown 片段。默认示例会自动载入,首屏直接可用。

免费使用

原图大小

--

编码体积

--

尺寸

--

体积变化

--

正在处理浏览器本地读取图片并生成 Base64,不会上传原图。
等待上传
默认示例可直接体验

拖拽图片、点击上传,或直接使用默认示例进入处理流程

文件名

--

原图体积

--

图片尺寸

--

图片类型

--

Base64 体积

--

建议场景

更适合外链

输出

输入 → 处理 → 输出都在首屏完成,结果适合直接复制到项目中

正在处理

浏览器本地读取图片并生成 Base64,不会上传原图。

完整 Data URL,适合直接粘贴到 HTML、CSS 或 JSON 字段。

0 字符
0 字节
0

分享链接会带上图片结果和输出格式参数,适合给同事快速复现当前内联资源片段。内容过大时会提示你改用下载结果。

转换完成后建议保存结果、复制到代码仓库,或生成分享链接给同事快速复现当前输出格式和结果。

使用建议

适合转 Base64

小图标、徽标、占位图等轻量资源
HTML 邮件中需要内联展示的图片
需要一次性复制到 Markdown、JSON 或样式片段的场景
希望减少额外请求的小型静态资源

不太适合转 Base64

较大的内容图片或首屏大图
需要单独缓存和频繁替换的资源
依赖搜索引擎抓取图片内容的页面
需要长期维护、希望代码保持简洁的图片资产

这个工具能做什么

图片转 Base64 工具用于把图片文件转换成可直接嵌入文本内容的编码结果,适合网页内联小图标、Markdown 文档、HTML 邮件模板、接口调试和占位图资源交付。页面打开后会自动载入示例图,方便你马上比较原始体积与编码体积。

支持 PNG、JPG、GIF、WebP、SVG、BMP、ICO
支持 Data URL、纯 Base64、HTML、CSS、Markdown 5 种输出
支持复制、下载、分享链接与 AI 嵌入建议

如何使用

  1. 1打开页面后先查看默认示例,或上传你自己的图片。
  2. 2选择输出格式,立即查看 Data URL、纯 Base64 或可直接粘贴的 HTML/CSS/Markdown 片段。
  3. 3复制、下载或分享结果,把当前输出格式直接交给开发、内容或协作同事使用。

适用场景

小图标内联
HTML 邮件模板
Markdown 文档
接口返回调试
占位图分享
低请求数静态页

常见问题 FAQ

图片转 Base64 工具能做什么?

它可以把 PNG、JPG、WebP、SVG 等图片转换为 Data URL、纯 Base64、HTML、CSS 或 Markdown 片段,适合网页嵌入、邮件模板和接口调试。

为什么 Base64 后体积会变大?

Base64 会把二进制数据编码成文本,通常会比原图增加约 33% 左右,因此更适合小图标、占位图和需要内联的资源。

分享链接会上传图片到服务器吗?

不会。分享参数直接编码在 URL 中,只适合较小的结果内容。大图片建议下载结果文件后再分享摘要或源码片段。

什么时候不建议使用 Base64?

当图片较大、需要浏览器单独缓存,或用于 SEO 关键内容时,不建议转成 Base64。此时更适合保留独立图片资源链接。

相关工具

    问题反馈