Markdown 转 PNG · Markdown to PNG
粘贴 Markdown,实时预览排版,一键导出适配手机的高清图片。朋友圈、小红书、Twitter 卡片图都能用。
在线试用
左边粘贴 Markdown,右边看到导出后的样子。选尺寸,点下载,3x 高清 PNG 直接拿到。
导出说明
- 渲染在浏览器里完成 — marked 转 HTML,塞进一个固定宽度的卡片
- html-to-image 用 SVG
<foreignObject>把卡片转成画布,再转 PNG - 默认 3× 像素比 — 1080 宽的预设导出 3240px,retina 屏锐利清晰
- 中文字体走系统默认栈,字体未安装时回退到 PingFang / Microsoft YaHei
使用建议
图片是给移动端看的 — 控制长度在 800 字以内,代码块不超过 30 行,标题控制在 H1+H2 两层。导出后会带 48px 的内边距,文字不要顶到边缘。