This extension provides you with a powerful viewer of LDR and HDR (including animated) images, going beyond the standard VS Code image preview.
Optimize your remote workflows with seamless support, eliminating file transfer hassles.
Features:
Precise Image Navigation: Pan and smoothly zoom to examine pixel-level details.
Dynamic Image Adjustment: Control exposure and gamma for optimal viewing.
Versatile Tone Mapping Options: Apply sRGB, inverse gamma, +/- mapping, and false color for diverse visual analysis.
Comprehensive Image Comparison: Quantify differences between images using error metrics: Error, Absolute Error, Squared Error, Relative Absolute Error, and Relative Squared Error.
Pixel Value Inspection: Zoom in to view individual pixel values.
In-Depth Histogram Visualization: Histograms for image or error metrics values to understand data distribution.
Image Reloading: Refresh displayed images using the GUI, key bindings, or by executing the "Reload All" command.
Flexible Animated Image Playback: Play image sequences as videos with adjustable playback speed using customizable FPS settings.
Efficient Folder Image Access: Open all images within a directory directly from a right-click context menu.
.png: Low Dynamic Range (LDR) image format, including animated PNG sequences.
.jpg|.jpeg: Ultra HDR and Low Dynamic Range (LDR) image format.
.bmp: Bitmap image format.
.gif: Graphics Interchange Format (GIF) for animated images.
Getting Started
Open an image file with a supported format (.exr, .hdr, .png, .jpg|.jpeg, .bmp, or .gif). The image will automatically open in the extension's viewer within a new VS Code tab.
If you modify the image file after opening it in the viewer, update the displayed image by clicking the reload button or using the corresponding keybinding.
While the viewer tab remains open, any subsequent images you open will be displayed within the same window, enabling convenient side-by-side comparison.
For a complete list of keyboard shortcuts, press h or ? while the viewer is active.