Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>best-yuv-viewerNew to Visual Studio Code? Get it now.
best-yuv-viewer

best-yuv-viewer

Ink

|
1 install
| (1) | Free
View YUV format images (I420, NV12, etc.) and standard images (JPG, PNG) directly in VS Code with drawing support
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

YUV Viewer

View YUV and Bayer raw images (I420, NV12, Y, YUV444; TIFF/RAW Bayer) and standard images (PNG/JPG) directly inside VS Code. Includes drawing, zoom, resize, format switching, and export tools.

Features

  • Open and preview raw YUV buffers: Y, I420 (YUV420 planar), NV12 (YUV420 semi-planar), YUV444
  • Open and preview Bayer raw and TIFF Bayer, with bilinear demosaicing
  • Open PNG/JPG images
  • Draw boxes, points, and lines interactively or via precise numeric inputs
  • Zoom slider, Fit-to-view, and 100% zoom controls
  • Resize the rendered image to a specific width/height
  • Export current canvas to PNG/JPG or re-encode and save as YUV (Y, I420, NV12, YUV444)
  • Persist width/height and Bayer pattern per file; infer dimensions from filename patterns like 1920x1080
  • Explorer context menu integration and Command Palette command

Supported Formats

  • YUV raw: .yuv, .nv12, .i420, .y, .yuv444, .yuv444p
  • Bayer raw: .raw, .bayer, .bay
  • TIFF Bayer: .tiff, .tif (auto CFAPattern detection when present)
  • Standard images: .png, .jpg, .jpeg

Commands

  • YUV Viewer: Open Image — opens the selected file in the viewer
    Command ID: yuv-viewer.open
    Defined in package.json
  • Open in YUV Viewer — Explorer context menu action
    Command ID: yuv-viewer.openFromExplorer

Usage

  • Open a file
    • Right-click a file in Explorer → Open in YUV Viewer
    • Or run “YUV Viewer: Open Image” from the Command Palette
  • YUV files
    • Set Width and Height (or use Presets or filename inference)
    • Choose Format (Y, I420, NV12, YUV444)
    • Render manually or enable Auto Render
  • Bayer TIFF
    • Pattern (RGGB/BGGR/GRBG/GBRG), bit depth, and endianness are read when available
    • Width/Height controls are hidden; changes to pattern/bit depth/endianness auto re-render
  • Bayer RAW
    • Provide Width and Height, select Pattern, Bit Depth (8–16), and Endianness (LE/BE)
    • Click Render
  • PNG/JPG
    • Loads directly; use drawing, zoom, and resize tools

Tools and Controls

  • Source & format selector: switch between YUV, raw Bayer, TIFF Bayer, image-jpg/png
  • Drawing tools
    • Auto mode: click-drag to draw a box; click to add a point
    • Line mode: draw lines and see pixel-length and normalized coordinates
    • Precise inputs: enter absolute pixels or normalized [0–1], choose box by size or corners
  • Zoom tools: percentage slider, Fit, and 100%
  • Resize tools: set target W/H and apply
  • Save tools: export PNG/JPG or save YUV (Y, I420, NV12, YUV444)
  • Status bar: shows Name, Format, Size, Data bytes, File size, Created time, and Dir

Bayer/TIFF Notes

  • TIFF parsing reads width, height, BitsPerSample, CFAPattern, and strip offsets/lengths
  • CFAPattern tag auto-maps to RGGB, BGGR, GRBG, or GBRG when present
  • Bit depths 8–16 supported; endianness selectable for decoding
  • Raw Bayer packed rows use 128-bit-aligned stride by default; large frames are supported

Limitations

  • Basic TIFF support (uncompressed strips); compressed TIFF/complex layouts may not render
  • Image format switching from the selector is restricted; reload for PNG/JPG mode
  • Very large frames may render slowly depending on hardware

Extension Settings

  • No user settings are contributed by this extension

Development References

  • Viewer and UI implementation: extension.ts
  • YUV decoders (TypeScript): yuvDecoder.ts

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft