Preview
local render
{{ resolvedLanguageLabel }} · {{ stats.width }}×{{ stats.height }} · expanded to fit code · fitted to {{ stats.renderedFontSize }}px · layout overflow
{{ caretText }}
{{ actionStatus.message }}
Turn a code snippet into a clean image. Pick the language, syntax theme, frame and canvas, then save a sharp PNG. No upload, account or server-side rendering.
Code Snapshot renders the final image directly with the Canvas API. The preview and downloaded PNG use the same renderer, so syntax colors, spacing and frames stay consistent.
The unified preset menu includes 18 distinct brand systems plus general styles. Brand choices change the canvas geometry, code window, chrome, borders, patterns and shadows together—not only the background colors.
Choose a ready-made publication size or custom geometry. Expand, compact wrap and fit modes keep every line visible. The optional line-focus section can highlight ranges or redact sensitive text from the exported pixels; blur is visual only.
Save named visual presets, restore recent local variants, and copy or download the PNG from the controls below the preview.
Your snippet, presets and history stay in this browser. Code is never uploaded or sent to an external highlighting service. Web fonts are loaded from Bunny Fonts; every font also has a local system fallback.
