新工具上线|图片转 Base64 Markdown 转换器,浏览器端一键嵌入图片到文档
MerchMindAI 新工具上线!图片转 Base64 Markdown 转换器,纯浏览器端处理,不上传服务器,一键将图片转为 Markdown 图片语法、Data URL 或纯 Base64,打造真正自包含的文档。

MerchMindAI 新工具上线了!这次我们做了一个轻量但实用的小工具——图片转 Base64 Markdown 转换器。专治文档图片外链失效、隐私截图不敢上传、分享文档还得打包图片文件夹等各种"贴图焦虑"。全程在浏览器本地完成,不上传、不注册、免费使用。
文档图片托管,到底"痛"在哪里?
在 Markdown 生态中,图片一直是个尴尬的存在。Markdown 本身只负责引用图片链接,不负责存储图片。这意味着每一张出现在文档里的截图、示意图、图标,都需要一个"外部落脚点"——图床、CDN、GitHub Issues 附件,或者本地文件夹。
这套模式在大多数时候能工作,但一旦条件变化,问题就来了:
痛点一:外链说失效就失效
图床服务关闭、CDN 域名变更、GitHub 仓库迁移、甚至只是网络波动——任何一环出问题,你的文档图片就会变成冷冰冰的"加载失败"。对于需要长期维护的技术文档和开源项目 README 来说,这个问题尤其致命。
痛点二:隐私图片不敢随便上传
有些截图包含内部系统界面、调试信息或未公开的功能设计。把这些图片上传到第三方图床,等于把敏感数据交到了别人手里。即便是私有仓库,图片文件本身还是以原始形式存储在某个服务器上。
痛点三:文档分享太麻烦
想分享一篇带 5 张截图的笔记?你得确保对方能访问图片链接(如果是本地相对路径,还得把图片文件夹一起发过去)。一个本该轻量的 Markdown 文件,硬生生变成了一个"文件包"。
痛点四:小图标也要单独管理
很多技术文档里会嵌入一些小图标、徽章、架构示意图。这些图片体积很小(可能只有几 KB),但数量多了之后,管理它们就成了一个琐碎的体力活——命名、存储、引用、更新。
我们怎么解决:把图片"写进"文档里
Base64 编码是最直接的思路——把图片的二进制数据转换为一串文本,直接嵌入 Markdown 文件中。这样一来:
- 文档和图片合二为一,不存在"外链失效"的问题
- 不需要上传到任何服务器,隐私数据始终在本地
- 一个
.md文件就是全部内容,分享即粘贴 - 小图片的管理成本归零
思路很简单,但手写 Base64 是件痛苦的事——你需要先把图片转成 Base64 字符串,再手动拼接 Markdown 图片语法,中间还要处理格式选择和尺寸缩放。每次都要打开终端敲命令或者找在线工具来回倒腾,效率极低。
所以我们做了 图片转 Base64 Markdown 转换器,把这几步合并成一条直线:上传、调参、复制,完事。
工具能做什么?
这个工具的核心流程就三步:上传图片 → 设置参数 → 复制结果。下面是几个值得关注的细节:
纯浏览器端处理。图片不会离开你的电脑,所有转换在本地浏览器中完成。没有后端服务器,没有上传队列,不用担心隐私泄露。
按比例缩放。原始截图可能是 2K 分辨率,但你只需要在文档里展示一个 600px 宽的版本。设置最大宽度后,工具会等比缩小图片,大幅减少 Base64 字符串的长度。
三种输出格式。根据使用场景自由选择:
| 输出格式 | 内容 | 适合场景 |
|---|---|---|
| Markdown 图片语法 |  | 直接粘贴到 Markdown 文档 |
| Data URL | data:image/png;base64,... | 嵌入 HTML 或需要灵活控制的场景 |
| 纯 Base64 | iVBORw0KGgo... | 自行拼接或用于其他用途 |
多格式支持。支持 PNG、JPEG、WebP 三种输出格式。WebP 在保持画质的同时体积最小,适合对文件大小敏感的场景;PNG 适合需要透明背景的截图;JPEG 适合照片类图片。
适用场景
这个工具不是万能的,但它在以下场景中特别有用:
README 和开源项目文档。在 README 中嵌入项目 Logo、架构图、使用截图,不用担心 GitHub 图床迁移或失效。文档自包含,项目 clone 到本地也能完整查看。
技术笔记和内部文档。记录调试过程、系统配置页面、API 响应截图时,直接嵌入 Base64,不用纠结图片往哪存。
Markdown 简历或作品集。一份 .md 简历里嵌入头像、项目截图、二维码,发送给招聘方时只需要一个文件。
博客写作中的小插图。图标、分隔符、小型示意图这类"点缀型"图片,Base64 嵌入比外链引用更简洁,也减少了对第三方图床的依赖。
团队知识库。Confluence、Notion、Obsidian 等知识库工具大多支持 Base64 图片。将截图直接嵌入页面,导出备份时不会丢失图片数据。
注意事项
Base64 不是银弹,有几点需要了解:
大图别用。一张 2MB 的照片转成 Base64 后,字符串长度会膨胀到约 2.6MB,不仅让 .md 文件体积暴增,还可能导致编辑器卡顿。这个工具更适合 小截图、图标、界面片段 等轻量图片。
部分平台有限制。某些 Markdown 渲染器或论坛系统会对 Data URL 的长度设置上限,过长的 Base64 字符串可能被截断或过滤。GitHub、VS Code、Obsidian 等主流平台对此支持良好,但冷门平台建议先测试。
缩放是减少体积的关键。同样一张截图,原始宽度 1920px 和缩放到 600px 后,Base64 字符串长度能相差数倍。设置合理的最大宽度,既保证文档中的展示效果,又控制文件体积。
不是缓存友好的。外链图片可以被浏览器缓存,同一个 URL 加载一次后后续访问速度很快。Base64 嵌入的图片随文档一起加载,每次打开文档都要解析全部字符串。不过对于本地或小体量文档,这个差异几乎感知不到。
总结
Markdown 的图片托管问题存在已久——图床不稳定、隐私有顾虑、管理太零碎。Base64 嵌入提供了一个轻量级的替代方案,尤其适合那些"小而重要"的图片:小截图、图标、示意图、界面片段。
图片转 Base64 Markdown 转换器 是我们为这个场景专门打造的小工具:粘贴图片、调参数、复制结果,全程在浏览器中完成,不上传、不注册、免费使用。
欢迎试用,也欢迎给我们提反馈——后续还会持续迭代更多实用功能。
相关资源
来源声明
本文来自 merchmindai.net。分享或转载本文时,请注明出处,并附上原文链接。
原文链接:https://merchmindai.net/blog/zh/post/image-to-base64-markdown-converter



