Is Code to Image free?

Yes. It's free with no sign-up and no watermark.

Which languages are supported?

22 languages, including TypeScript, TSX, JavaScript, Python, Go, Rust, Java, Kotlin, Swift, PHP, Ruby, C, C++, C#, SQL, Bash, HTML, CSS, JSON, YAML and Markdown.

Is my code sent anywhere?

No. Highlighting and drawing happen in your browser, so your code never leaves your device.

Can I turn off font ligatures?

Yes. Uncheck Ligatures to draw arrows like => as separate characters instead of a single symbol.

How sharp are the images?

Images export at twice the size, so they look crisp on retina screens and in slides.

← All tools

Code to Image Generator

Turn code into a beautiful image: paste a snippet, pick a syntax theme, background and window style, then download or copy a sharp PNG for X, LinkedIn, slides or docs.

1 · Code

import { useState } from "react";

export function Counter({ start = 0 }: { start?: number }) {
  const [count, setCount] = useState(start);

  return (
    <button onClick={() => setCount((c) => c + 1)}>
      Clicked {count} times
    </button>
  );
}

LanguageTheme

Preview

2 · Style

Background

Padding56px

Font size15px

Min width520px

Line numbersLigatures

File name in title bar

About the Code to Image

Code to Image turns a code snippet into a polished image with syntax highlighting, a theme, a gradient background and an optional macOS window with a file name.

When to use it

Use it to share code on X, LinkedIn or Slack, in slides and docs, or anywhere code blocks don't render, so the snippet stays readable and looks good.

More free tools

All tools →

PNG & JPG to WebP

Shrink images to WebP in your browser, nothing uploaded.

Image Compressor & Resizer

Smaller JPG, PNG and WebP, resized for any platform.

Background Remover

Free AI cutouts on your device. No uploads, no limits.

Mockup Generator

Screenshots in browser or phone frames on a gradient.

OG Image Generator

Social share images for X, LinkedIn and Slack.

CSS Gradient Generator

Linear, radial and conic gradients with up to five color stops.