Code to Image
Turn a snippet of code into a clean, shareable PNG image. Paste your code, choose the language and a dark or light theme, and download the rendered image — the syntax colours are applied in your browser, nothing is uploaded.
Preview
The preview is the exact image you download. Long snippets are capped at 200 lines so the image stays a sensible size.
How to use
- Paste your code and pick its language — JavaScript, Python, HTML or CSS.
- Choose the dark or light theme, then click Render image to see the preview.
- Click Download PNG to save the image and share it anywhere.
Frequently asked questions
How does the syntax colouring work?
A small tokenizer written for this tool colours keywords, strings, numbers and comments differently for each language. It is a lightweight highlighter for sharing snippets, not a full code editor.
What image size do I get?
The image is 960 pixels wide and its height grows with the number of lines, up to a cap of 200 lines. The preview you see is the exact PNG you download.
Can I use the image on social media or in slides?
Yes. The image is yours to use anywhere — in posts, documentation, slides or tutorials. No watermark is added.
Is my code uploaded anywhere?
No. Rendering happens on a canvas in your browser. Your code never leaves your device.