Code to image

Paste a code snippet, pick a theme, and download a sharp, syntax-highlighted PNG for posts, slides, docs or READMEs. Free, no signup, 30+ languages.

Generate code images from your code

Building release notes, a docs site or a bot that posts snippets? Highlight the code yourself (highlight.js, Shiki or Prism), wrap it in HTML, and send it to /v1/screenshot. You get the same Chromium rendering as this page, with full_page so the image height fits the snippet.

curl -X POST https://shotmint.creasework.com/v1/screenshot -H "X-API-Key: YOUR_KEY" -H "Content-Type: application/json" \
  -d '{"html": "<pre style=\"font:18px monospace;padding:40px\">console.log(1)</pre>", "width": 800, "full_page": true, "device_scale_factor": 2}' -o code.png

Every new image is 1 credit. €5 buys 2,000 with no subscription, and credits never expire. Get 100 free API renders

Tips for readable code screenshots

• Keep it short: 5 to 20 lines reads well on a phone. Cut imports and boilerplate.
• Use a 16 to 20 px font and a width around 700 to 900 px for X and LinkedIn. Both scale images down in the feed.
• Put the real code in the post text or a link too. Images can't be copied, searched or read by screen readers, so add alt text.
• For a whole page or a design rather than a snippet, use HTML to image or the website screenshot tool.