Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>LEPASOFT Image PreviewNew to Visual Studio Code? Get it now.
LEPASOFT Image Preview

LEPASOFT Image Preview

LEPASOFT-DEV

|
2 installs
| (0) | Free
Display image previews from doc comments directly in symbol hover panels. Supports multiple images, base64, and multiple languages. Ideal for i18n dictionaries and game development.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

LEPASOFT Image Preview

Display image previews from documentation comments directly in symbol hover panels. Supports multiple images, base64-encoded images, and multiple languages (C#, TypeScript, GDScript, and more).

Ideal for game developers and software engineers maintaining i18n key dictionaries or any reference system where previewing the visual context of defined keys improves workflow.

Features

Gutter preview

Image thumbnails displayed directly in the editor gutter for any recognized image URI.

Gutter preview

Hover preview

Hover over an image reference to see a full preview with dimensions and file size.

Hover preview

Doc comment image preview for all languages

References containing images are identified with a gutter icon. Hover to view the visual reference directly in the editor. Supports C#, TypeScript, GDScript, and any language supported by VS Code's definition provider.

Multiple images can be referenced in doc comments to guide developers through dictionary keys. Image preview reduces ambiguity when working with large, complex dictionaries used in game engines or software localization.

Doc comment preview

Install

Search for LEPASOFT Image Preview in the VS Code Extensions panel, or install from the Visual Studio Code Marketplace.

Configuration

Setting Default Description
gutterpreview.showImagePreviewOnGutter true Show image preview in the gutter
gutterpreview.imagePreviewMaxHeight 100 Max height of the image preview on hover (px)
gutterpreview.imagePreviewMaxWidth -1 Max width of the image preview on hover (px), overrides max height if > 0
gutterpreview.enableReferenceLookup true Resolve image previews from symbol references and doc comments
gutterpreview.sourceFolder "src" Additional folder for relative URL resolution
gutterpreview.sourceFolders ["static", "public"] Additional folders for relative URL resolution
gutterpreview.paths {} Path mappings computed relative to project root
gutterpreview.currentColorForSVG "white" Default color used in SVG previews
gutterpreview.showUnderline true Show underline on detected image links
gutterpreview.urlDetectionPatterns [] Custom regex patterns to detect image URLs without standard extensions

Credits

Based on Image Preview by Tamas Kiss (kisstkondoros). Licensed under MIT.

License

Licensed under MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft