可以开始使用
浏览器本地 · 无需账号 · 结果留在当前页面
选择模板开始
Portrait 4:5
1080 x 1350px · Carousel cards and mobile feeds
用于移动端信息流时,建议一张卡片只放一个重点,并在下载前检查手机宽度下的预览。
Markdown 转 PNG 可以把 Markdown 内容变成适合分享的图片卡片,并提供发布说明、金句、代码片段、README 和 Changelog 模板。
渲染、复制图片和 PNG 下载都在浏览器本地完成,不需要后端截图服务。
清晰输入
准备好要处理的Markdown 草稿、README 片段或发布说明,避免混入不相关内容。
确认输出用途
先确认结果要用于发布、调试、估算、整理还是交付,再选择合适参数。
复核关键边界
结果适合快速处理和初步判断,重要场景仍应按目标平台、团队规则或业务口径复核。
示例
粘贴一段发布说明,选择 4:5 竖图尺寸,然后下载 PNG 用于社交平台。
假设
输入是较短的 Markdown 文本,主要用于生成可读的图片卡片。
限制
过长内容可能仍需要分页、自动高度或长文切片工具拆成多张卡片。
先预览 Markdown
导出图片前先确认标题、列表、引用和代码块在预览里结构正常。
选择目标比例
根据发布平台选择 Twitter/X、LinkedIn、Open Graph、1:1、4:5、9:16 或宽图,避免导出后被裁切。
选择溢出方式
短内容用固定卡片,长片段可用自动高度或分页预览,再复制图片或下载 PNG。
一张图塞太多字
社交卡片要优先可读,内容太长时应拆成多张图或改用长文切片。
代码块太宽
长代码行会挤压版面,导出前最好缩短示例或改成更窄的片段。
忽略溢出模式
长内容不要只靠固定卡片,可以切到自动高度或分页预览后再复制/下载。
只看桌面预览
图片发布到手机端后会变小,下载前要按目标平台尺寸检查字号和留白。
一张图只讲一个重点
社交卡片不是完整文档,标题、关键句和少量列表通常比大段文字更易读。
技术内容保留文本版
CSDN、掘金和知乎更适合保留可搜索的 Markdown 正文;PNG 卡片适合摘要、发布说明或配图,不应替代完整文本。
按手机视角检查
导出前想象图片在手机信息流里的尺寸,字号、行距和留白要留得更宽松。
长内容交给切片工具
如果一张图放不下,不要继续压缩字号;改用长文切片生成多张连续卡片。
发布说明
把产品更新变成图片卡片。
README 片段
把文档摘录转成视觉素材。
代码片段
把短技术示例做成开发者图片。
社媒分享
不打开设计软件也能快速生成 Twitter/X、LinkedIn 或 Open Graph 图片。
公众号 / 小红书
把短教程、清单和观点摘录做成单张图。
CSDN / 掘金
把代码说明、发布日志或文档摘要转换成文章配图。
Markdown 转图片
想把 README、发布说明或课程笔记直接生成一张可分享的 PNG 卡片。
社交平台内容卡片
需要 Twitter/X、LinkedIn、Open Graph、1:1、4:5、9:16 或宽图尺寸,但不想打开设计软件重新排版。
代码片段转图片
把简短代码块和说明导出成可复制或下载的开发者内容卡片。
发布说明截图替代
把短 Markdown 段落导出成清晰图片,用于社媒、群公告或产品更新帖。
Markdown 会上传吗?
不会。工具使用浏览器 canvas 本地绘制和导出。
支持哪些 Markdown?
支持常见标题、段落、列表、引用和代码块,复杂 MDX 或数学公式不适合。
可以选择尺寸吗?
可以。支持 Twitter/X、LinkedIn、Open Graph、1:1、4:5、9:16 和 16:9 等常见卡片比例。
可以复制图片吗?
浏览器支持图片剪贴板时可以直接复制;不支持时可以下载 PNG。
内容太长怎么办?
可以缩短 Markdown,切换自动高度或分页预览,也可以使用长文切片工具生成多张卡片。
Markdown 转 PNG 适合长文章吗?
单张 PNG 更适合短段落、摘要和发布说明。长内容可以先用分页预览或自动高度,长文章建议用长文切片拆成多张卡片。
可以直接复制图片吗?
可以在支持图片剪贴板的浏览器里复制生成图;不支持时下载 PNG 即可。
导出的 PNG 在手机上看不清怎么办?
减少单张文字量,选择更适合手机的比例,并增加字号和留白。下载前可以用目标平台的显示尺寸预览。
Markdown 会上传吗?
不会。工具使用浏览器 canvas 本地绘制和导出。
支持哪些 Markdown?
支持常见标题、段落、列表、引用和代码块,复杂 MDX 或数学公式不适合。
可以选择尺寸吗?
可以。支持 Twitter/X、LinkedIn、Open Graph、1:1、4:5、9:16 和 16:9 等常见卡片比例。
可以复制图片吗?
浏览器支持图片剪贴板时可以直接复制;不支持时可以下载 PNG。
内容太长怎么办?
可以缩短 Markdown,切换自动高度或分页预览,也可以使用长文切片工具生成多张卡片。
Markdown 转 PNG 适合长文章吗?
单张 PNG 更适合短段落、摘要和发布说明。长内容可以先用分页预览或自动高度,长文章建议用长文切片拆成多张卡片。
可以直接复制图片吗?
可以在支持图片剪贴板的浏览器里复制生成图;不支持时下载 PNG 即可。
导出的 PNG 在手机上看不清怎么办?
减少单张文字量,选择更适合手机的比例,并增加字号和留白。下载前可以用目标平台的显示尺寸预览。
推荐流程
Markdown 图片发布流程
先预览 Markdown,再导出 PNG,长内容可继续切片。