将 Markdown 转换为图片(PNG 或 JPG)
把笔记、表格和代码变成可分享的图片——Markdown 转 PNG 保证文字清晰,或导出 JPG,实时预览、尺寸可调。
永远免费 · 在你的浏览器中运行 · 无需注册 · 附带保真度报告
最后核验:2026-10-25 · engine v0.5.0 · 更新日志
如何把 Markdown 变成图片(3 步)
完整工作流: 把 AI 聊天输出作为图片分享
示例:Markdown → PNG image
一段值得分享到聊天线程的代码。
# deploy.sh
```bash
./deploy --region emea --wait
```
卡片版式预览 — 导出结果是按此样式本地渲染的成品 2× PNG/JPG 图片。
deploy.sh
./deploy --region emea --wait
哪些内容原生转换(哪些不能)
| 特性 | 在 PNG image 中的结果 |
|---|---|
| 标题、列表、表格、代码 | 已原生支持 — 按配套样式渲染进卡片 |
| 图片宽度 | 已原生支持 — 640、800 或 1200 px |
| 亮色 / 暗色卡片 | 已原生支持 — 预览显示的就是下载得到的效果 |
| 清晰度 | 已原生支持 — 按 2× 渲染,文字在聊天应用和高分屏上保持锐利 |
| 长文档 | 已原生支持 — 在块边界自动切分为编号页并以 ZIP 交付,当单张图片会超出画布安全上限时(引擎 v0.4.0) |
| 内嵌 data-URI 图片 | 已原生支持 — 本地图会绘制进卡片;相对/远程引用渲染为带标签的占位符(绝不抓取——否则画布会被污染) |
| 远程图片 | 不支持 — 绝不抓取——不会以你的名义发出任何第三方请求 |
| JPG 变体 | 已原生支持 — JPG 会预填卡片背景色(JPG 不支持透明) |
逐元素的完整实测结果(附测试日期):格式支持。
这个工具不做的事
- 不支持: SVG 或 WebP 导出——仅支持 PNG 和 JPG
- 不支持: 自定义字体,或两种主题之外的颜色
- 不支持: 裁剪或标注
- 不支持: 远程图片——出于设计,绝不抓取
大家用 Markdown 转图片 做什么
常见问题
PNG 还是 JPG——该怎么选?
PNG 是默认选择:无损,且周围可选透明,文字在任何尺寸下都清晰。JPG 更小,适合照片内容——因为 JPG 不支持透明,背景会填白。
Markdown 里的图片怎么处理?
内联的 data-URI 图片会嵌入卡片;远程图片绝不抓取——与所有 DocsFast 工具相同的隐私规则。
文字真的清晰吗?
清晰。卡片以 2× 分辨率渲染,在高分屏和聊天应用中文字依然锐利。
可以改变尺寸与外观吗?
选择 640/800/1200 px 宽度和亮色或暗色卡片样式——实时预览显示的正是你将下载的内容。
聊天场景用多大宽度?
默认 800 px,适合聊天客户端和社交帖子;640 适合窄会话,1200 适合博客嵌入。所有尺寸都以 2× 渲染保证清晰。
PNG 背景是透明的吗?
卡片使用其主题的背景色(亮或暗),PNG 原样保留它;选 JPG 的话背景会填白,因为 JPG 不支持透明。
底部那行小字是什么?
每张卡片都带一行设计内的“由 DocsFast 渲染——本地、私密的 Markdown → 图片”小字,喜欢这个输出的人可以由此找到我们。
很长的文档怎么办?
长 Markdown 会在块边界切成编号页——第 2 页恰好从第 1 页结束处开始,绝不从句子中间断开——页面以 ZIP 交付(引擎 v0.4.0)。这是因为浏览器对单张画布图像的大小有上限;切分让每页都处于限制之内,不会输出空白或被截断的图。
不用截图工具能把代码片段变成图片吗?
能——粘贴围栏代码块,选择宽度和主题,下载 2× PNG,全程在浏览器渲染。文字在聊天应用和高分屏上保持锐利,而且没有上传任何东西。
Markdown 转图片的卡片都用在哪?
主要是聊天和社交:Slack 或 Discord 里的代码片段、社区帖子里的表格和笔记,以及用活文档显得画蛇添足的文档截图。卡片页脚有回链。
相关工具
Markdown 转 PDF
在浏览器中用 Markdown 生成可直接打印的 PDF
Markdown 转 HTML
把 Markdown 转换为干净、自带样式的独立 HTML 页面
Markdown 编辑器
在浏览器中编写并预览 Markdown
相关搜索: markdown 转 pdf · markdown 转 html · markdown 编辑器