Image Manager

Compress, crop, convert formats, search, and find similar images in VS Code

中文 README

Screenshot

Overview

Preview

Compression

Crop

Finding Similarities

Search

Features

• Batch image compression
• Image cropper
• Image viewer
• Finding similar images
• Multi-select (Shift/Ctrl/Cmd)
• View image details
• Finding images
• Conditional filtering of images
• Dark/light theme
• I18n support: English, 简体中文, 繁體中文, 日本語

Usage

Several ways open extension

1.Shortcut

• Windows: Shift+Alt+J
• macOS: Cmd+Option+J

2.Context Menu

Right-click in Explorer, select Image Manager to open the extension (opens the current folder).

3.Command

Press Ctrl+Shift+P (macOS: Cmd+Shift+P), type Image Manager to open (opens the workspace root folder).

Extension Configurations

Tips

Compression

• Right-click on the image

• Right-click on the folder

Viewer

• Cmd/Ctrl + Mouse Wheel to scale image size
• Cmd/Ctrl + F to open the Search modal

Common Questions

Why is opening the extension slow the first time?

The first time you open the extension, it will need to download the necessary dependencies. Depending on your network environment, this process may be slow. Please be patient!

Why does the file get bigger after compression?

• Meta information about whether the image is compressed is added during compression. As a result, a small image may become larger after compression.
• You can set image-manager.compression.errorRange to adjust the compression error range.

What to do if there are too many images and it feels sluggish?

• You can configure image-manager.appearance.reduceMotion: 'on' to reduce animation effects.
• You can open a specific directory by right-clicking on the folder, which will reduce the number of images rendered.

Support

If this plugin has been helpful to you, please consider buying the author a cup of coffee :) ☕️

Or give it a star by clicking here ⭐️

Wechat Pay	Alipay

Thanks

❤️ vscode-image-viewer

❤️ vscode-svgo