Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Image CommentNew to Visual Studio Code? Get it now.
Image Comment

Image Comment

hekai gustav

|
11 installs
| (0) | Free
A VSCode extension that automatically saves pasted images and inserts comment references
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Image Comment - VSCode Extension

A VSCode extension that automatically saves pasted images and inserts comment references.

English | 简体中文

VS Code Marketplace

✨ Features

  • 🖼️ Auto-detect image paste: Automatically detects images in clipboard (supports screenshots, copied image files, etc.)
  • 💾 Auto-save images: Saves images to a specified folder in the project directory (default: .image-comment)
  • 📝 Auto-insert comments: Automatically inserts image reference comments at the paste position
  • 🔧 Smart comment format: Automatically selects appropriate comment format based on file type (JavaScript, Python, HTML, Markdown, etc.)
  • 🌍 Multi-platform support: Supports macOS and Windows

📦 Installation

Install from Marketplace | Search "Image Comment" in VS Code Extensions panel and install

🚀 Usage

  1. Copy an image to clipboard (screenshot, copy image file, copy from browser, etc.)

  2. Right-click in the code editor and select "Paste Image as Comment"

    Context Menu
  3. The extension will automatically detect the image, save it to the .image-comment folder, and insert a comment at the current position

⚙️ Configuration Options

Configuration Type Default Description
imageComment.saveDirectory string .image-comment Directory name to save images (relative to workspace root)
imageComment.commentTemplate string ![image](https://github.com/HEKEH/vscode-image-comment/raw/HEAD/{path}) Comment template, use {path} as placeholder for image path
imageComment.useRelativePath boolean true Whether to use relative path in comments

🔗 Recommended Extension

For better image preview experience, we recommend installing the Image Preview extension to preview images directly in the editor.

💻 System Requirements

  • macOS: No additional tools required
  • Windows: Requires PowerShell (pre-installed on Windows 10+)

❓ FAQ

Q: Why is "Paste Image as Comment" not showing in the context menu? A: Make sure the editor has focus, is not in read-only mode, and no text is selected.

Q: Where are images saved? A: By default, images are saved in the .image-comment folder in the workspace root. You can change the save location by modifying imageComment.saveDirectory in settings.

Q: What image formats are supported? A: Supports common image formats such as PNG, JPEG, GIF, WebP, BMP, SVG. Maximum size is 50MB.

📄 License

MIT License


If this extension is helpful to you, please give it a ⭐ Star!

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