Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Image ViewerNew to Visual Studio Code? Get it now.
Image Viewer

Image Viewer

Easy VSCode

|
65,686 installs
| (9) | Free
View and manage all images in current project, copy base64
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

View Images in current project

screenshot
screenshot

Features

  • Display all images as thumbnails, support resizing thumbnails and previewing origin image(zoom in/out or rotate freely)
  • Search image by name/type/path, include or exclude specific folders
  • Copy [Base64 coding | name | path] of any choosen images
  • Toggle the background color of images (Useful for transparent images such as SVG or PNG)
  • Individual project settings are now stored in local files
  • Optimized performance when there are many images (Tested with 10,000 images, switch to lazy loading when the images exceeds 100)

How to use

  • Method 1: Open a project/folder and right-click at anywhere and click View Images, then the webview of Image Viewer will appear.
    screenshot
  • Method 2: Open vscode command palette by press Ctrl+Shift+P or Command⌘+Shift⇧+P, then input View Images or vscode-infra.webviewImageViewer and press Enter.

More Screenshots

screenshot screenshot

Questions or feedback

zhangjian1713@gmail.com

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