Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Luna: Crop & Remove BackgroundNew to Visual Studio Code? Get it now.
Luna: Crop & Remove Background

Luna: Crop & Remove Background

Andreas Express

|
96 installs
| (0) | Free
Crop, resize, convert, and remove backgrounds from images inside VS Code. Great for logos, favicons, screenshots, and web assets.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Luna Image Editor

A practical image editor that runs in the Visual Studio Code sidebar. It lets you prepare and save image assets without switching to another application.

Image editor inside Visual Studio Code

Open an Image

Use any of these methods to load an image into the sidebar:

  • Right-click a supported image in the Explorer and select Add to Luna Image Editor.
  • Use Add to Luna Image Editor from the active editor menu.
  • Open the Command Palette with Ctrl+Shift+P and run Add to Luna Image Editor.
  • Drag an image into the image area.
  • Paste an image from the clipboard.
  • Use the file picker inside the editor.

Image Editing in the Sidebar

The editor includes:

  • Crop and resize
  • Rotate and mirror
  • Image upscaling
  • Text labels
  • Brush and arrow drawing
  • Overlay and image merging
  • Color-to-alpha transparency
  • Filters and image effects
  • Background removal
  • Text extraction from images
  • Full undo and redo history for the current editing session

Automatic Saving

Changes are saved automatically back to the original image file. Undo remains available during the current editing session. Duplicate the image before editing when you need to preserve the original file separately.

Formats and Conversion

  • Import PNG, JPEG, WebP, GIF, BMP, and SVG images.
  • Convert and export images as PNG, JPEG, or WebP.
  • Compress images for smaller project assets.
  • Copy an edited image to the clipboard.
  • Save a copy with a different filename or format.
  • Insert its project path into the active source file.

Local AI Tools

Background removal runs locally with the included AI model. The image is processed on your computer and is not uploaded to an external image-processing service.

Source-Code Workflow

The editor is designed for image assets used in HTML, CSS, JavaScript, JSX, components, documentation, and extension projects. Open an asset from the Explorer, edit it in the sidebar, and insert its project path into the active source file.

Commands

  • Add to Luna Image Editor (luna.addImageToCanvas): Opens the selected image in the Luna Image Editor sidebar.

Requirements

  • Visual Studio Code 1.80.0 or newer

Bug Reports and Feedback

https://ceres-assistant.com/web/contact.php

Privacy Policy Page

https://ceres-assistant.com/web/privacy-policy.php

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft