Image Details
A powerful VS Code extension that displays comprehensive image metadata, EXIF data, and provides tools to clean metadata from images for privacy.
Screenshot
Usage
Quick Start
- Open any image file in VS Code (supports PNG, JPG, GIF, WebP, BMP, SVG, ICO)
- The extension automatically activates and displays the Image Details Viewer
- View comprehensive metadata in the resizable sidebar on the right
- Click any metadata value to instantly copy it to your clipboard
- Use zoom controls to inspect images in detail
- Remove EXIF data with one click to protect your privacy
- Resize images directly from the viewer with high-quality processing
- View metadata in JSON format for developers and advanced users
Interacting with Images
Advanced Zoom Controls
- Buttons: Use the visual
+, -, ⟲, and ⊡ buttons in the toolbar
- Keyboard: Press
Ctrl + + to zoom in, Ctrl + - to zoom out, Ctrl + 0 to reset
- Mouse Wheel: Hold
Ctrl (Windows/Linux) or Cmd (Mac) and scroll
- Click: Click anywhere on the image to toggle 2× zoom
- Fit to Screen: Click the fit button to auto-adjust image size
- Resize Images: Resize images directly from the viewer with high-quality processing
- Interactive Modal: User-friendly dialog with width and height inputs
- Aspect Ratio Lock: Checkbox to maintain proportions when resizing
- Quality Control: Adjustable quality slider (0-100) for JPEG/WebP compression
- Automatic Backup: Creates backup with
-original suffix before resizing
- Real-time Preview: See new dimensions before applying changes
- Format Support: Works with JPEG, PNG, and WebP formats
- Error Recovery: Automatically restores from backup if operation fails
- Safe Operation: Confirmation dialog prevents accidental changes
EXIF Data Management
- Remove EXIF Metadata: One-click button to strip all EXIF data from images
- Automatic Backup: Creates a backup file (
_backup) before removing metadata
- Remove EXIF Format Supported: Works with JPEG/JPG and PNG images
- Smart Detection: Button only appears when image contains EXIF data
- Safe Operation: Confirmation dialog prevents accidental removal
- Error Recovery: Automatically restores from backup if operation fails
- Real-time Update: Interface refreshes automatically after metadata removal
📽️ Demonstrations
Demonstration you can choose to view image metadata in either Accordion or List mode.:
Show metadata in JSON format for developers and advanced users:
Remove EXIF metadata from images with a single click to protect your privacy, while automatically creating a backup of the original image:
✨ Features
You can click any metadata value to copy it to clipboard.
Works with all common image formats:
- PNG (
.png)
- JPEG (
.jpg, .jpeg)
- GIF (
.gif)
- WebP (
.webp)
- BMP (
.bmp)
- SVG (
.svg)
- ICO (
.ico)
Internationalization (i18n)
- English, Portuguese (Brasil), Japanese (日本語), Spanish (Español), and Chinese Simplified (简体中文)
- Auto-detects VS Code language
- Extensible (I18N Guide)
Installation
VS Code Marketplace:
- Extensions (
Ctrl+Shift+X)
- Search "Image Details"
- Install
Alternative: Right-click image → "Open with Image Details Viewer"
Configuration
imageDetails.defaultDisplayMode: Accordion or list mode (default: accordion) or set in settings.json:
{
"imageDetails.defaultDisplayMode": "list"
}
imageDetails.defaultSectionStates: Default expanded sections (default: all collapsed) or set in settings.json:
{
"imageDetails.defaultSectionStates": {
"basicInfo": true,
"colorInfo": false,
"exifData": false,
"jsonData": false
}
}
imageDetails.rememberSectionStates: Remember state between sessions (default: true) or set in settings.json:
{
"imageDetails.rememberSectionStates": true
}
Contributing 🤝
See CONTRIBUTING.md for:
- Bug reports
- Feature requests
- Translation contributions
- Pull requests
Links
License
MIT - See LICENSE
Support
If you find this extension useful:
NeuronioAzul | Give it a ⭐ on GitHub
