Markdown to PNG
Paste Markdown, see the layout live, one-click export a phone-sized HD PNG. Works for WeChat Moments, Xiaohongshu, Twitter card images.
Try it now
Paste Markdown on the left, the export layout shows on the right. Pick a size, hit download, get a 3× retina PNG.
How the export works
- Rendering happens in the browser — marked produces HTML, dropped into a fixed-width card
- html-to-image uses an SVG
<foreignObject>to convert the card into a canvas, then to PNG - 3× pixel ratio by default — a 1080-wide preset exports at 3240px, sharp on hi-dpi screens
- Chinese fonts fall back through the system stack: PingFang SC → Microsoft YaHei → system default
Tips
These cards are meant for mobile — keep the body under ~800 chars, code blocks under 30 lines, and headings to H1 + H2. The export adds 48px of inner padding so text shouldn't bump the edges.