Open files in VS Code and Cursor / Code and APIs

Take a screenshot of code in VS Code

Install the free Code Screenshot & Code Snapshot by Zovo, select the lines and press Shift+Alt+C (Cmd+Alt+C on macOS). A PNG of the code goes straight to your clipboard, drawn with your editor theme, font, ligatures and bracket colors. Paste it into a chat, an issue or a slide. A panel beside the editor shows what was copied and has options for line numbers, frames and backgrounds.

Install in VS CodeMarketplace pageOpen VSX (Cursor, Windsurf, VSCodium)JetBrains IDEs

Free, MIT license. Extension ID zovo.zovo-code-screenshot, version 0.2.1. Needs VS Code 1.90.0 or newer.

VS Code with lines 4 to 22 of app.ts selected, and the Code Screenshot panel showing the copied picture in a window frame on a purple gradient, with the note that a 1512 x 1100 px PNG was copied
VS Code with lines 4 to 22 of app.ts selected, and the Code Screenshot panel showing the copied picture in a window frame on a purple gradient, with the note that a 1512 x 1100 px PNG was copied.

Steps in VS Code

  1. Install Code Screenshot from the Marketplace, or press Ctrl+P (Cmd+P on macOS) and run ext install zovo.zovo-code-screenshot.
  2. Select the lines you want. Partial lines are fine, because whole lines are taken.
  3. Press Shift+Alt+C (Cmd+Alt+C on macOS), or right-click and pick Copy as Image (PNG).
  4. Paste the picture where you need it.
  5. To change the look, open Options in the panel: line numbers, frame, title, background, padding, shadow and wrap. Your choices are kept for the next picture.

Steps in Cursor, Windsurf or VSCodium

  1. Open the Extensions view with Ctrl+Shift+X (Cmd+Shift+X on macOS).
  2. Search for zovo.zovo-code-screenshot and click Install. Cursor, Windsurf and VSCodium install from Open VSX, where it is published as zovo/zovo-code-screenshot.
  3. If your editor has no gallery, download the .vsix from the Open VSX page and run "Extensions: Install from VSIX...".
  4. Then use it the same way as in VS Code.

What Code Screenshot handles

What it does not do

In JetBrains IDEs (IntelliJ IDEA, PyCharm, WebStorm, CLion and others)

Other options

Install counts and Open VSX status were checked on 9 November 2026. Descriptions in quotes are the extensions' own.

Questions

Does the picture use my own theme and font?

Yes. The colors come from your color theme and token color settings, and the font is your editor font, size, line height and ligatures.

Is my code uploaded to a website?

No. The picture is drawn inside VS Code and copied with local system commands. The extension makes no network calls.

Can I get a picture that is sharp at any size?

Yes. Save SVG or Copy SVG keeps the code as text, so it scales without blur and the text can be selected.

More about Code Screenshot

Read the Code Screenshot page for every feature and setting, or the source code on GitHub.

Support this work

If this extension saves you time, you can support the work on GitHub Sponsors. Monthly tiers start at $5, and one-time tiers start at $15. Sponsorship is optional, and the tool works the same without it.

Need your format supported?

Open a format request with a sample file, and I reply there whether it can be done. For USD 299 once, through this GitHub Sponsors tier, I add your file format or a missing feature to this extension, with tests, within 7 days.