Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>imageviewNew to Visual Studio Code? Get it now.
imageview

imageview

Thedoc

|
20 installs
| (0) | Free
Image Viewer on Hover over code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🖼️ ImageView - Visual Studio Code Extension

ImageView is a Visual Studio Code extension that provides convenient image previews on hover and an integrated side panel to explore and manage project images.


✨ Features

  • 🖱️ Hover to Preview
    Automatically shows a preview when hovering over an image path (local or URL) in .js, .html, or .md files.

  • 🌐 Supports Remote URLs
    Previews images from http or https sources by temporarily downloading them.

  • 💾 Download & Replace URLs
    Converts remote image URLs into local project images. You choose where and under what name to save the image.

  • 📂 Image Library Panel
    A visual panel in the Activity Bar that shows all image assets in your project with thumbnails.

  • 🔄 Refreshable Panel
    Easily refresh the panel to detect newly added images.


🚀 How to Use

📌 Hover Preview

Hover over any string that ends in an image extension (.png, .jpg, .svg, etc.) to preview it.

Example:

const logo = "./assets/logo.png";
const avatar = "https://example.com/avatar.jpg";
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft