A VS Code image viewer for moving around zoomed-in images, with a filmstrip for browsing the folder. Made by Westbay Digital.
Navigator: a thumbnail of the whole image with a box showing the zoomed-in region. Drag the box to move around, or click elsewhere on the thumbnail to jump there.
Zoom slider: goes from fit-to-window up to 3200%, with −/+, Fit and 1:1 buttons beside it.
Filmstrip: every image in the folder, in natural sort order. It updates when files are added, changed or deleted.
Opening images
Click an image in the Explorer. PNG, JPEG, GIF, WebP, BMP, ICO, AVIF and APNG open here by default.
Right-click a folder and choose Browse Images in Folder, or run that command from the Command Palette.
SVGs keep VS Code's default editor. Use Open With… → Image Viewer to view one here. They also appear in the filmstrip.
To go back to VS Code's built-in viewer, run Reopen Editor With… on an image and choose Configure default editor.
A drag stops following the pointer once it leaves the editor area. Drag again to continue.
Controls
Action
Input
Zoom at the pointer
Scroll or pinch over the image
Zoom at the center
Slider, + / -, or scroll over the panel
Pan
Drag the image, drag the navigator box, or Shift + arrow keys
Toggle between fit and zoomed in
Double-click the image
Fit / actual size
0 / 1
Previous / next image
← / →
First / last image
Home / End
Hide or show the navigator
N
Development
There is no build step. Open this folder in VS Code and press F5.
