A Visual Studio Code extension that provides enhanced image viewing capabilities with special support for dark theme environments.
👀 preview
Left: Dark theme without extension | Right: Dark theme with extension enabled
✨ Features
🎨 Transparent Background Handling: Automatically converts transparent backgrounds to white in dark theme mode
🖱️ Interactive Viewing:
🔍 Zoom in/out using Ctrl/Cmd + Mouse Wheel
🎯 Pan image by dragging with mouse
📂 Supported Formats:
PNG files
SVG files
🚀 Usage
Open any PNG or SVG file in VS Code. The image will automatically open in the custom viewer, and In dark theme, transparent backgrounds will be rendered as white.
You may use mouse controls to interact with the image:
👆 Hold and drag to pan
⚡ Ctrl/Cmd + scroll to zoom
To switch to a different editor, right-click the file in the Explorer and select "Open With..." from the context menu.
📋 Requirements
VS Code 1.74.0 or higher
💻 Installation
Install through VS Code Marketplace
Reload VS Code
Open any PNG/SVG file to start using
⚙️ Configuration
This extension works out of the box with no additional configuration required.
📝 Release Notes
1.0.1
Optimized extension bundle size using esbuild
1.0.0
🎉 Initial release
✅ Support for PNG and SVG files
🎮 Zoom and pan controls
🎨 Auto background conversion for transparent images
🤝 Contributing
Found a bug or have a feature request? Please open an issue on the GitHub repository.