Markdown to Image for Twitter/X and LinkedIn Posts
Export your Markdown at 1200 × 675 for Twitter/X or 1200 × 627 for LinkedIn, with a gradient or solid background and 2× output for retina screens.
Direct answer
Pick the Twitter / X 1200 × 675 preset or the LinkedIn 1200 × 627 preset, keep 2× resolution on, and press Download PNG. Both presets match the aspect ratio each network shows in the feed, so the card is not cropped by the platform. The 2× toggle exports at double the pixel size, which stays sharp on high-density screens.
Open Markdown to Image converterWhen to use this
- A post idea is already written in Markdown and would lose its structure as plain text.
- You want one readable card instead of a thread of unformatted lines.
- A quote, a short list, or a small table is the whole point of the post.
Steps
- Keep the Markdown short. Three to six lines fill a social card at a readable size.
- Set Size to Twitter / X 1200 × 675 or LinkedIn 1200 × 627.
- Choose a background: a theme default, a solid colour from the picker, or one of the five gradient presets.
- Raise Font size until the text is legible on a phone, and watch the crop warning.
- Leave 2× resolution on and press Download PNG, or Copy image to clipboard and paste into the composer.
Example conversion
## Three numbers from the 2.4.0 release - Boot time: **1.8s → 0.4s** - Memory: **210 MB → 140 MB** - Config changes needed: **none**
A 1200 × 675 card (2400 × 1350 exported at 2×) with the heading on top, three bulleted lines with the numbers in bold, on the background you chose.
Common mistakes
- Do not paste a long post into a fixed preset. Fixed sizes crop, and the tool tells you by how many pixels.
- Small text loses on mobile. If the preview looks comfortable on your monitor, it is often still too small in a feed.
- Emoji come from your operating system's font, so the exact glyph shapes differ between a Mac, a Windows PC, and a phone.
FAQ
- What size should a Twitter/X image be?
- The tool's 1200 × 675 preset is a 16:9 card, which is the ratio X shows in the timeline without cropping. With 2× resolution on it exports at 2400 × 1350.
- Can I paste the image straight into the post composer?
- Press Copy image to clipboard, then paste into the composer. This uses the browser's async clipboard image support, which Chrome and Edge handle well. Where it is unavailable or blocked, the tool says so and you can use Download PNG instead.
- Should I use a gradient background?
- A gradient adds contrast in a feed, but check the preview: a dark gradient behind the Light theme's dark text is hard to read. Pair light backgrounds with the Light or GitHub theme, and dark backgrounds with the Dark theme.
Related Markdown to Image guides
How to Turn a README Into an Image
Paste README Markdown, pick a theme and a size, and download a PNG of the rendered card. Headings, lists, tables, and code blocks are styled for you.
Markdown Code Block to PNG
Wrap your code in a fenced Markdown block and export it as a PNG with a monospace font on a tinted panel. Note: the code is not syntax-highlighted.
Share a Markdown Table as an Image
Paste a GitHub-flavoured Markdown table and export it as a PNG with real borders and a shaded header row, ready for a slide or a post.
Turn a Changelog Into a Shareable Image
Paste a release note written in Markdown and export a PNG card with the version heading, the bullet list of changes, and any upgrade command.