Skip to content
knitsapp

Code to image (beautiful code screenshots)

Developer

Turn a code snippet into a clean, shareable PNG with a window frame and colours you pick.

Background

Paste some code to see your image here.

How it works

Paste code, pick a language and theme, and download a sharp 2x PNG or copy the image. Highlighting runs in your browser; your code is never uploaded.

  1. Paste your code and pick its language, or leave it on auto-detect.
  2. Choose a theme, background, padding and window title.
  3. Download the PNG or copy the image.

Questions

Is my code uploaded anywhere?

No. Highlighting and the image are made in your browser, and nothing you paste is sent to a server.

How sharp is the downloaded image?

The PNG is rendered at 2x the size of the preview, so text stays crisp on high-density screens and in slides.

Which languages are supported?

About twenty common ones, from JavaScript, TypeScript and Python to Go, Rust, SQL, Bash, JSON, YAML, HTML and CSS. Auto-detect picks among them.

Can I get a transparent background?

Yes. Choose the transparent background and the PNG keeps only the code window, with no colour behind it.

Why does Copy image not work in my browser?

Copying images needs a browser with image clipboard support and a secure page. If yours lacks it, Download PNG gives you the same image.

More in Developer