Code to Image
Create beautiful code screenshots with syntax highlighting
Processed on your device — never uploaded
Code Input
Preview
code.js
1function fibonacci(n) {
2 if (n <= 1) return n;
3 return fibonacci(n - 1) + fibonacci(n - 2);
4}
5
6// Generate first 10 Fibonacci numbers
7const results = [];
8for (let i = 0; i < 10; i++) {
9 results.push(fibonacci(i));
10}
11console.log(results);
Frequently Asked Questions
How do I create a code screenshot?
Paste your code into the editor, choose a theme and settings, then click Download PNG to generate a high-resolution image of your code with syntax highlighting.
What themes are available for code images?
The tool includes Dark (Catppuccin), Light (One Light), Monokai, and Nord themes, each with matching window chrome and syntax highlighting colors.
Can I customize the code image output?
Yes, you can adjust the theme, font size, padding, line numbers, window chrome, and file title to create the exact look you want.
What resolution are the exported code images?
Images are exported at 2x (Retina) resolution for crisp rendering on high-DPI displays, social media, and presentations.