图片插入

把图片变成 Base64 内嵌进 Markdown:文档发到哪里,图就跟到哪里,不怕链接失效。

输入 选择图片

点击选择、拖拽图片到这里,或直接 Ctrl+V 粘贴

支持 PNG / JPG / GIF / WebP / SVG,图片只在本地转换

alt 描述 写入图片语法的方括号里

输出 Markdown 语法

图片语法会出现在这里

在线 Markdown 图片插入工具介绍

Markdown 图片插入工具把本地图片转换成 Base64 编码的 Data URI,并直接生成可粘贴的 Markdown 图片语法 ![alt](data:image/png;base64,…)。用这种方式插图,图片数据随文档本身走:把 .md 文件发给别人、传到不提供图床的平台、或者做单文件交付时,插图都不会因为外链失效而裂图。支持点击上传、拖拽和 Ctrl+V 直接粘贴截图,显示原图尺寸与转换后体积。转换在浏览器本地完成,图片不会上传。

主要功能

  • 点击选择 / 拖拽 / Ctrl+V 粘贴截图,三种方式导入图片
  • 生成完整 Data URI 与现成 Markdown 图片语法,一键复制
  • 显示原图尺寸、格式与 Base64 后的体积变化
  • 大图体积提醒,避免文档过度膨胀
  • 自定义 alt 描述文字

使用方法

  1. 点击虚线框选择图片,或把图片拖进框里,或直接 Ctrl+V 粘贴截图
  2. 确认预览与尺寸信息,填写 alt 描述
  3. 点「复制语法」,把整段图片语法粘贴进你的 Markdown
  4. 如需单独的 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 描述请写有意义的内容,兼顾无障碍阅读与图裂时的占位提示