What's the ideal size for social media?

For Twitter, aim for 1200x675px or 1:1 ratio. For LinkedIn, 1200x627px works well. Adjust padding to achieve desired dimensions.

Code Screenshot Generator - Beautiful Code Images

Create beautiful code screenshots for social media and docs. Syntax highlighting, themes, window chrome. Like Carbon but browser-based and private.

Code Input

Your Code

Language

Theme

Background

Color

Padding

Font Size

Window Controls

Line Numbers

Preview

JavaScript, TypeScript, Python, HTML, CSS, JSON, SQL, Bash, and many more. The syntax highlighter automatically detects most languages.

Yes. Choose from multiple themes (dark, light, colorful), adjust padding, toggle window controls, change background colors, and set font size.

Unlike Carbon, this tool runs entirely in your browser. Your code is never uploaded to any server, making it safe for proprietary or sensitive code.

Download as PNG for high-quality images or copy directly to clipboard for quick sharing.

Yes. Choose solid colors, gradients, or transparent backgrounds. Gradient backgrounds work great for social media posts.

No hard limit, but very long code blocks may be hard to read when shared. For best results, keep snippets focused and under 30 lines.

Yes. Toggle line numbers on or off based on your preference. Line numbers help when discussing specific code lines.

Yes. All processing happens locally in your browser. Your code never leaves your device and is never stored anywhere.

Absolutely. Beautiful code screenshots are perfect for READMEs, blog posts, tutorials, and presentation slides.