本地转换,打开即可用
图片转 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打开页面后先查看默认示例,或上传你自己的图片。
- 2选择输出格式,立即查看 Data URL、纯 Base64 或可直接粘贴的 HTML/CSS/Markdown 片段。
- 3复制、下载或分享结果,把当前输出格式直接交给开发、内容或协作同事使用。
适用场景
小图标内联
HTML 邮件模板
Markdown 文档
接口返回调试
占位图分享
低请求数静态页
常见问题 FAQ
图片转 Base64 工具能做什么?
它可以把 PNG、JPG、WebP、SVG 等图片转换为 Data URL、纯 Base64、HTML、CSS 或 Markdown 片段,适合网页嵌入、邮件模板和接口调试。
为什么 Base64 后体积会变大?
Base64 会把二进制数据编码成文本,通常会比原图增加约 33% 左右,因此更适合小图标、占位图和需要内联的资源。
分享链接会上传图片到服务器吗?
不会。分享参数直接编码在 URL 中,只适合较小的结果内容。大图片建议下载结果文件后再分享摘要或源码片段。
什么时候不建议使用 Base64?
当图片较大、需要浏览器单独缓存,或用于 SEO 关键内容时,不建议转成 Base64。此时更适合保留独立图片资源链接。