A comprehensive VS Code extension that displays detailed metadata information about image files including EXIF data, GPS information, file properties, and more.
Features
- Metadata Display: View file information, EXIF data, and GPS.
- Visual Preview: Display the image alongside its metadata (HTML table and JSON)
NOTE: The publisher has only tested the extension on win32-x64 and linux-x64. While it is expected to work on other platforms listed belows, they have not been fully verified.
- Windows
- Linux
- linux-x64
- linux-armhf
- linux-arm64
- MacOS
- PNG
- JPG/JPEG
- GIF
- BMP
- WebP
- TIFF
Images
NOTE: The preview area in the sample image below uses a solid gray image for demonstration purposes. While this may look unclear at first glance, when you use the extension, your selected image will be displayed in this area.
Usage
Image Metadata Viewer can be opened in the following ways:
- Click to open (opt-in): When
image-metadata-viewer.openAsDefaultEditor is enabled, clicking an image file in the Explorer opens the Image Metadata Viewer instead of the built-in image viewer. See Configuration for details.
- Right-click: Right-click on a supported image file in the Explorer and select
Show Image Metadata
- Command Palette: Open Command Palette (
Ctrl+Shift+P / Cmd+Shift+P) and run Show Image Metadata
Right-click
- Right-click on any supported image file in the VS Code Explorer
- Select
Show Image Metadata
Command Palette
- Open Command Palette (
Ctrl+Shift+P or Cmd+Shift+P)
- Type
Show Image Metadata and select the command
- Choose an image file from the file dialog
Configuration
| Setting |
Type |
Default |
Description |
image-metadata-viewer.openAsDefaultEditor |
boolean |
false |
When enabled, clicking an image file in the Explorer opens the Image Metadata Viewer instead of the built-in image viewer. |
To open the Image Metadata Viewer by default when clicking image files, add the following to your settings.json:
"image-metadata-viewer.openAsDefaultEditor": true
If you already have a custom editor association for a specific image type in workbench.editorAssociations, this extension will not overwrite it. For example, if your settings.json contains:
"workbench.editorAssociations": {
"*.png": "other-extension.pngViewer"
}
Enabling openAsDefaultEditor will apply to other image types (e.g., *.jpg, *.gif) but *.png will continue to use other-extension.pngViewer. A warning notification will inform you which patterns were skipped.
Requirements
- Visual Studio Code
1.102.0+
Release Note
