Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>VS PreviewNew to Visual Studio Code? Get it now.
VS Preview

VS Preview

Techwithai

| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Live Preview & Image Saver Tool

🚀 Live Preview & Image Saver Tool is a VS Code extension that allows you to preview HTML files in real-time inside VS Code and manage images with editing features such as rename, padding, corner radius, background color, and live preview.


Features

  • ✅ Live HTML Preview: Open a webview panel inside VS Code to see live updates of your HTML files as you type or save.
  • ✅ Image Upload & Rename: Upload images directly and rename them.
  • ✅ Image Editing Options: Adjust padding, corner radius, background color (including transparent), and see live preview.
  • ✅ Gallery Management: Save your edited images and view them in a gallery panel inside VS Code.
  • ✅ Copy / Delete / Edit: Each saved image can be edited again, deleted, or its link copied.
  • ✅ Dark/Light Mode Support: Automatically adapts to your VS Code theme.

Installation

  1. Clone the repository:
    git clone <your-repo-url>
    cd live-preview-image-saver
    
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft