Code to Image
Create beautiful code screenshots with syntax highlighting, themes, and window chrome — like Carbon but better
About Code to Image
Create beautiful code screenshots with syntax highlighting, themes, and window chrome — like Carbon but better, entirely in your browser.
How to use Code to Image
- 1Paste your code into the editor.
- 2Select a syntax theme and window style (macOS, Windows, or none).
- 3Choose the font, font size, and enable/disable line numbers.
- 4Customize the background (gradient, solid color, or transparent), padding, and shadow.
- 5Pick a social media preset for perfectly sized images (Twitter, LinkedIn, etc.).
- 6Export at 1x, 2x, or 3x scale, then download or copy to clipboard.
Tips
- Use 2x or 3x scale for crisp screenshots on Retina and high-DPI displays.
- Transparent background + no window chrome creates clean code snippets for documentation.
- Social media presets auto-size the image so your code posts look perfect without cropping.
OneKitTools TeamUpdated 2.21.4