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

Image Info

coliff

|
2 installs
| (0) | Free
| Sponsor
VS Code extension to get information about images.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Image Info VS Code Extension

An image info extension for VS Code.

Opening an image shows a panel with:

  • Dimensions, megapixels, and aspect ratio
  • Orientation
  • Created, read, and wrote times
  • File size, and optionally the uncompressed size
  • Gzipped size for SVG files
  • Bit depth
  • JPEG encoding and chroma subsampling
  • Color profile, primaries, and transfer function
  • HDR light levels for AVIF and HEIC
  • Animation details for GIF, APNG, and animated WebP
  • EXIF data

Supported formats

AVIF, BMP, CUR, GIF, HEIC, HEIF, ICO, JPEG, PNG, SVG, TIFF, and WebP.

Bit depth is omitted when the format does not store one. SVG files include the gzipped size and a preview beside the details, and omit megapixels. EXIF data sits beside the other details when the panel is wide enough.

Languages

The panel, command, and settings are available in English, French, German, Italian, Japanese, and Spanish, and follow the VS Code display language.

Usage

The Image Info panel opens when an image is focused. Run Image Info: Show Image Info from the Command Palette to open it again.

Set imageInfo.autoShow to false to stop the panel from opening on its own.

Set imageInfo.showUncompressedSize to true to show the uncompressed size.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft