ShrinkByte

Professional image compression and resizing directly inside Visual Studio Code.

ShrinkByte lets you compress, resize, rename, and convert multiple images without leaving VS Code.

Features

• Compress images directly inside VS Code
• Resize images
• Batch process up to 10 images
• Drag and drop images
• Rename output files
• Set target file size
• Convert images to JPG, PNG, or WebP
• Choose an output folder
• View original and compressed file sizes
• View compression savings
• Supports JPEG, PNG, WebP, GIF, and AVIF input
• No external server required

Supported Input Formats

• JPEG
• JPG
• PNG
• WebP
• GIF
• AVIF

Supported Output Formats

• JPG
• PNG
• WebP

How to Use

1. Open Visual Studio Code.
2. Open ShrinkByte from the Activity Bar.
3. Add images using the file picker or drag and drop.
4. Rename the output files if needed.
5. Select the desired output format.
6. Set the resize or compression settings.
7. Choose the output folder.
8. Start processing.
9. Check the compression results.

Output

ShrinkByte displays the original file size, compressed file size, and savings after processing.

Processed images are saved to the selected output folder.

Privacy

ShrinkByte processes images locally using Sharp. Images are not uploaded to an external server.

Requirements

Visual Studio Code 1.137.0 or later.

Extension Commands

ShrinkByte: Open

Opens the ShrinkByte image compression interface.

Technology

• Visual Studio Code Extension API
• TypeScript
• esbuild
• Sharp

Author

MuroDev

License

MIT