Paste code, pick a theme and a background, and copy a sharp image of it — for a post, a slide, documentation or a bug report.
On social networks and in slides, text code loses its indentation and colours. An image keeps the layout exactly as written and draws the eye. For anything people need to copy, pair it with a share link or the code as text.
Each language is highlighted with its own grammar: keywords, strings, numbers, comments, functions and types get distinct colours from the theme. Auto-detection works well on a few lines of typical code; pick the language yourself for short or ambiguous snippets.
An image of code cannot be read by screen readers or copied. When you post one, add the code as text or a link next to it, and use a theme with enough contrast — the light "Paper" theme suits printed documents best.
Type or paste a snippet, or load a source file. Add a file name for the title bar if you like.
Pick the language (or let it be detected), a theme, a background, the padding, the font size, the window frame and line numbers.
Copy the image to paste it straight into a post or a chat, download it as PNG, or share a link that reopens it.
Keep snippets short — 10 to 20 lines — and lines under about 80 characters: the image is shrunk to the width of a phone in most feeds.
A larger font and the medium padding read best in a social post; line numbers help when you discuss specific lines in a slide or a review.
Pro tipNothing is uploaded: highlighting and drawing run in your browser, so you can picture code from private repositories.
Share links keep the code inside the link (after the #), never on our servers.
PrivacyEverything about code images