Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Code to Image: Create beautiful code imagesNew to Visual Studio Code? Get it now.
Code to Image: Create beautiful code images

Code to Image: Create beautiful code images

Preview

Thorsten Hans

|
6,350 installs
| (0) | Free
Create beautiful images from your code (featuring ray.so)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code to Image

With Code to Image, you can quickly create beautiful images from your code leveraging ray.so.

Usage

  1. Open command palette [CMD+Shift+P] ([Ctrl+Shift+P] on Windows | Linux)
  2. Type Code to Image and use either from selection or from document
  3. ray.so will show your code as beautiful image 💜

Features

Create image from current selection

Image from current selection

Create image from entire document

Image from entire document

Extension Settings

This extension contributes the following settings:

  • code_to_image.renderBackground: render background
  • code_to_image.renderDarkMode: render image in dark mode
  • code_to_image.autoDetectLanguage: let ray.so try to detect the code language
  • code_to_image.theme: choose a color theme for your image

Release Notes

0.0.1

Initial release of Code to Image

0.0.3

  • Update marketplace listing
  • Set default image title to snippet

0.0.4

  • Add usage instructions
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft