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

Image Viewer

vscode-infra

|
4,193 installs
| (4) | Free
View all images of the current project
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)
  • Copy [Base64 coding | name | path] of any choosen images
  • Toggle the background color of images (Useful for transparent images such as SVG or PNG)
  • Search image by name/type/path
  • 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

Contact us at zhangjian@shopee.com or nishan.li@shopee.com

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft