图片插入
把图片变成 Base64 内嵌进 Markdown:文档发到哪里,图就跟到哪里,不怕链接失效。
输入 选择图片
点击选择、拖拽图片到这里,或直接 Ctrl+V 粘贴
支持 PNG / JPG / GIF / WebP / SVG,图片只在本地转换
alt 描述 写入图片语法的方括号里
输出 Markdown 语法
图片语法会出现在这里
在线 Markdown 图片插入工具介绍
Markdown 图片插入工具把本地图片转换成 Base64 编码的 Data URI,并直接生成可粘贴的 Markdown 图片语法 。用这种方式插图,图片数据随文档本身走:把 .md 文件发给别人、传到不提供图床的平台、或者做单文件交付时,插图都不会因为外链失效而裂图。支持点击上传、拖拽和 Ctrl+V 直接粘贴截图,显示原图尺寸与转换后体积。转换在浏览器本地完成,图片不会上传。
主要功能
- 点击选择 / 拖拽 / Ctrl+V 粘贴截图,三种方式导入图片
- 生成完整 Data URI 与现成 Markdown 图片语法,一键复制
- 显示原图尺寸、格式与 Base64 后的体积变化
- 大图体积提醒,避免文档过度膨胀
- 自定义 alt 描述文字
使用方法
- 点击虚线框选择图片,或把图片拖进框里,或直接 Ctrl+V 粘贴截图
- 确认预览与尺寸信息,填写 alt 描述
- 点「复制语法」,把整段图片语法粘贴进你的 Markdown
- 如需单独的 Data URI(给 CSS / HTML 用),点「复制纯 Base64」
常见问题
Base64 会让文档变多大?
Base64 编码后体积约为原文件的 137%(4/3 再加语法开销)。几十 KB 的小图标、截图很合适;几百 KB 以上的照片会让 .md 文件明显变慢,建议先压缩或改用图床外链。
所有 Markdown 平台都支持 Base64 图片吗?
GitHub、GitLab、Typora、Obsidian、VS Code 预览等本地或代码托管环境都支持;部分在线平台(如某些公众号编辑器、限制严格的博客系统)会过滤 Data URI,发布前请先在目标平台试一篇。
SVG 转 Base64 后还能显示吗?
可以,会生成
data:image/svg+xml;base64,…。注意个别环境对 SVG 的 Data URI 有安全限制,必要时改用 PNG。我的图片会被上传吗?
不会。读取文件、编码 Base64、生成语法全部在浏览器里完成,图片不离开你的电脑。
注意事项
- Base64 适合小图(图标、截图、示意图),大照片请先压缩
- 内嵌图片会让 .md 源码可读性变差,建议把图片语法放在文档末尾集中管理,或用引用变量
- GIF 转 Base64 后动图仍可播放,但体积膨胀明显
- alt 描述请写有意义的内容,兼顾无障碍阅读与图裂时的占位提示