Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Image Comparator_v2New to Visual Studio Code? Get it now.
Image Comparator_v2

Image Comparator_v2

joe-zxh

| (1) | Free
An extension for subjectively evaluating image differences. Modified from: https://github.com/l-oneil/vscode-image-comparator
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Image Comparator

Extension to compare images via VSCode.

fork from: https://github.com/l-oneil/vscode-image-comparator

New Features since fork

  • Support uppercase extension: PNG, JPG, JPEG
  • show full path when hovering on the title
  • show dirname on subtitle
  • ~~Switch image position by dragging the title~~
    • remove this feature, since there are many bugs...

Usage

cmd + shift + p -> Image Comparator: Open Window, opens a new comparison window.

Once the window is open, right click on image files (.png/.jpg/.jpeg) in the context menu, this will give the option Image Comparator: Add Image to add an image to the comparison window.

You can add as many images as you want, closing the comparator window will reset the image list.

Running the Project

  • Open in VS Code 1.47+
  • npm install
  • npm run watch or npm run compile
  • F5 to start debugging

Credits

  • Jan Novak and Benedikt Bitterli - viewer.js
  • Jack Moore - wheelzoom - viewer.js
  • Search icons created by Freepik - Flaticon - icon.png
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft