Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Instant preview imageNew to Visual Studio Code? Get it now.
Instant preview image

Instant preview image

Jackson Sanchez

|
712 installs
| (2) | Free
Preview images on hover in multiple languages
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Instant Preview Image

A Visual Studio Code extension to preview images on hover.

Demo

Demo

Features

  • Preview images on hover
  • Display file name, type, size and dimensions of the image

How to Use

  1. Install the extension from the Visual Studio Code Marketplace.
  2. Open a JavaScript or TypeScript file.
  3. Import an image:
    import image from './path/to/your/image.png';
    
  4. Hover over the imported image variable to see the preview and additional information.

Installation

  1. Open Visual Studio Code.
  2. Go to the Extensions view by clicking the Extensions icon in the Activity Bar on the side of the window or by pressing Ctrl+Shift+X.
  3. Search for "Instant Preview Image".
  4. Click "Install" to install the extension.

License

This extension is licensed under the MIT License.

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