Modern Image Inspector

Modern Image Inspector — Inspect image compression potential and convert images to WebP or AVIF directly in VS Code.

✨ Features

• 🖼 Image Inspection — Open PNG or JPG files and see dimensions, color space, alpha channel, and file size.
• 📊 Compression Estimation — Shows estimated size if converted to WebP (q75) or AVIF (q50).
• 🛠 Convert & Save — Save the current image as WebP or AVIF with one click.
• 🔍 Quick Preview — Simple, clean Webview for inspecting images without leaving VS Code.
• 🛡️ Safe & Native — Uses local encoding via Sharp; secure Webview with theme adaptation.

Screenshot

🛠 Installation

1. Open VS Code → Extensions (Ctrl+Shift+X / Cmd+Shift+X).
2. Search for Modern Image Inspector and click Install.

🎨 Usage

To inspect an image:

• Right-click a PNG or JPG file in the Explorer and select Open Image Inspector.
• The Webview panel will display:
  • Basic Info: filename, image format, dimensions, original file size.
  • Estimated Compression: predicted file sizes for WebP (q75) and AVIF (q50).
• Click the buttons to Save as WebP or Save as AVIF.
• Left side shows info and buttons; right side shows the image.
• All operations are performed locally and safely—no files are uploaded.

🧩 Contributing

Found a bug or want to suggest an improvement?
Open an issue or pull request on GitHub.

👤 Author

Andriy Ovcharov
📧 ovcharovcoder@gmail.com

☕ Support

If you enjoy Modern Image Inspector, consider supporting the author:
Donate via PayPal

🪪 License

Released under the MIT License