Luna Image Editor: Crop, Resize & Remove Background

Crop, resize, convert and compress images in the Visual Studio Code sidebar. Remove backgrounds, move objects and restore details with local AI, then save your images directly into your project. Also available for JetBrains IDEs.

Open an Image

Use Add to Luna Image Editor from the project file or active editor menu, drag or paste an image, or use the file picker inside the editor. In VS Code, you can also open the Command Palette with Ctrl+Shift+P and run Add to Luna Image Editor. In JetBrains IDEs, use Find Action to run the same action.

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
• Resize images for social media, Open Graph previews, websites, and project assets
• Text extraction from images
• Full undo and redo history for the current editing session

Move Objects with AI

Detect and move objects with local AI. Luna generates the area underneath, so you can rearrange your image without managing layers or opening another application.

Remove Background

Remove backgrounds from logos and human portraits with local AI. Prepare transparent images for websites, components, and project assets directly inside your IDE.

Detail Restoration

Restore details in old, compressed, or low-resolution images, logos, and graphics with local AI. Improve blurry or pixelated images for websites and social media.

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 (Pro).
• 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.

Resize Images for Social Media and the Web

Add more space or crop images to the dimensions you need for banners, product images and social posts.

Luna includes ready-made sizes for Instagram, Facebook, X, LinkedIn, YouTube, Google Ads, website banners, thumbnails, article images, product images, email headers, and Open Graph images.

Use the Open Graph preset to prepare og:image assets for link previews, then save the result directly into your project.

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 your project's file tree, 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.

Bug Reports and Feedback

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

Troubleshoot Page

https://ceres-assistant.com/web/troubleshoot-luna.php

Privacy Policy Page

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