Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Image Optimizer to WebPNew to Visual Studio Code? Get it now.
Image Optimizer to WebP

Image Optimizer to WebP

TwoCoders

|
1 install
| (0) | Free
Convert image from jpg,png to optimized webp format
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Image Optimizer to WebP – Seamlessly Convert JPG and PNG to Optimized WebP Format!

Transform your images effortlessly with Image Optimizer to WebP – a powerful VSCode extension designed to convert your JPG and PNG files into the highly efficient WebP format. This extension optimizes your images without losing quality, ensuring faster load times and improved website performance.

Features

  • Single Image Conversion: Right-click on any JPG, JPEG, or PNG image file in the VS Code explorer
  • Batch Folder Conversion: Convert all supported images in a folder at once
  • Optimized Output: Converts images to WebP format with optimized compression settings
  • Smart Overwrite Protection: Asks for confirmation before overwriting existing files
  • Progress Tracking: Shows conversion progress with detailed notifications
  • Automatic Refresh: Refreshes the file explorer to show newly created WebP files
  • Error Handling: Comprehensive error reporting with failed file summaries

Usage

Convert Single Image

  1. Right-click on an image file (JPG, JPEG, or PNG) in the VS Code file explorer
  2. Select "Convert to WebP" from the context menu
  3. The extension will convert the image and save it in the same directory with a .webp extension
  4. If a WebP file with the same name already exists, you'll be prompted to overwrite it

Convert Multiple Images in a Folder

  1. Right-click on any folder in the VS Code file explorer
  2. Select "Convert folder images to WebP" from the context menu
  3. The extension will scan the folder for supported image files
  4. Confirm the conversion when prompted with the count of images found
  5. For each existing WebP file, choose to overwrite, skip, or overwrite all
  6. Monitor progress as all images are converted simultaneously

Supported Formats

  • Input: JPG, JPEG, PNG
  • Output: WebP (optimized)

WebP Optimization Settings

The extension uses the following optimization settings for optimal quality and file size:

  • Quality: 80 (good balance between quality and compression)
  • Effort: 6 (higher effort for better compression)
  • Lossless: false (lossy compression for smaller file sizes)

Context Menu Options

The extension adds two context menu items:

  • Convert to WebP: Available when right-clicking on individual image files
  • Convert folder images to WebP: Available when right-clicking on folders

Version History

  • 1.0.2: Enhanced release with folder conversion, improved error handling, and progress tracking
  • 0.0.1: Initial release with basic JPG/PNG to WebP conversion functionality
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft