Browse images in a Finder-like grid right inside VS Code — without losing your place in the code.
Coding usually means looking at code and images (icons, screenshots, diagrams) side by side, but VS Code only lets you open files one editor tab at a time. This extension fixes that: a dedicated image gallery you can keep open next to your code.
Features
Sidebar + Panel — open the gallery from the activity bar (sidebar) or the bottom panel. Switch location on the fly with the toolbar toggle.
Finder-style grid — folders and image thumbnails in an adjustable grid. Double-click a folder to go deeper, use the breadcrumb or the up button to go back.
Open beside your code — double-click an image to open it in a split view next to your code.
Hover preview — hover over an image path in your code (e.g. ./assets/logo.png) to see an inline preview bubble.
Lazy loading — thumbnails load as you scroll, so large folders stay fast.
Theme-aware — follows your VS Code light/dark theme.
Supported formats: PNG, JPG/JPEG, GIF, WebP, BMP, SVG, ICO, AVIF (and HEIC/HEIF shown as a file glyph where the renderer can't decode them).
Usage
Click the Lona-PhotoView icon in the activity bar, or open it from the bottom panel.
Navigate folders, adjust thumbnail size with the slider.
Double-click an image to open it beside your code.
Hover over an image path in any file to preview it inline.
