Scientific Image Visualizer for Visual Studio Code

Inspect high-bit-depth, floating-point, scientific, and camera image files directly inside Visual Studio Code.

Supports TIFF, EXR, NPY/NPZ, PNG, JPEG, WebP, AVIF, HDR, JXL, TGA, BMP, ICO, PPM, PFM, PBM and PGM.

The viewer supports 8-bit and 16-bit integer images as well as 16-bit and 32-bit floating-point images. You can inspect exact pixel values, normalize image data to custom ranges, adjust gamma and brightness, compare images, and export the current visualization as PNG. Uses rust for decoding several formats and the gpu for rendering to provide the fastest possible extension.

Supported Sample Types

Features

• Fast and versatile TIFF Support: Fast TIFF decoding using . Opens high-bit-depth, floating-point, multi-channel, and compressed TIFF files.
• Advanced TIFF Support: Opens high-bit-depth, floating-point, multi-channel, and compressed TIFF files. Fast TIFF loading via Rust/WebAssembly, with geotiff.js fallback for compatibility.
• Scientific Image Inspection: Inspect uint8, uint16, float16, and float32 image data in grayscale, RGB, and RGBA images.
• Interactive Pixel Values: Hover over any pixel to see its exact value in the status bar. For multi-channel images, all channel values are displayed.
• Dynamic Normalization: Adjust the visualization range interactively, use automatic min/max normalization, or view integer images as normalized float values.
• Gamma and Brightness Correction: Adjust source gamma, target gamma, and brightness while preserving linear-space behavior.
• Histogram View: Show a histogram overlay to inspect the current image distribution while tuning the visualization.
• Image Collections: Group related images in one preview and quickly move between them without opening a tab for every file. Add individual images, folders, paths, or wildcard matches from the command palette and editor context menu.
• Layers View: Open one or more images in a dedicated Layers window for compositing and visual comparison. Easily get the difference between two images or apply a mask onto one. This layer view allows dedicated compositions between multiple images.
• NaN Color: Choose how NaN values are displayed.
• Session-Wide Settings: A single VS Code window keeps visualization settings across opened images.
• Export and Copy: Export the current visualization as PNG, copy the image, or copy image zoom level to the clipboard to paste onto other image.
• VS Code Native Controls: Most options are available from the right-click menu, command palette, or clickable status bar entries.
• Metadata panel shows file info, image statistics (min/max/mean/std) and Exif/GPS sub-IFD tags.

How to Use

Open a supported image file in VS Code and choose Scientific Image Visualizer if VS Code asks which editor to use.

Use the status bar or right-click menu to change normalization, gamma, brightness, histogram visibility, mask filters, and export options.

For browsing a related set of files, use Add Images to Collection from the command palette or Explorer context menu. The collection overlay shows the current image and lets you navigate or remove entries.

Use Open Layers View from the command palette or status bar to create a new Layers window from the currently displayed image. When viewing a collection, choose whether to use only the current image or stack the complete collection. Add further images using the Layers panel's + button or Add Image as Layer.

Float Image Visualization Options:

Feature Requests and Issues

If you have use cases that would be helpful for others or find problems, feel free to suggest them on the GitHub repository. I'm open adding more file formats that can serve you.