lwebp - Image Converter for VS Code
Convert images to WebP, JPEG, or PNG directly from VS Code with a full-featured sidebar panel and custom image editor.
Features
A dedicated sidebar in the Activity Bar with image preview, quality slider, format selector, crop tool, EXIF viewer, and batch conversion.
- File & folder selection — pick individual files or scan entire folders
- Image preview with dimensions and file size
- Quality slider with real-time estimated output size
- Output format selector — choose WebP, JPEG, or PNG
- Visual crop tool — draw a crop region or enter exact coordinates
- EXIF viewer — camera, lens, exposure, ISO, GPS, and more
- Batch conversion with progress tracking
Right-click any image in the Explorer or editor tab to convert instantly.
- Convert to WebP — instant conversion with configured quality
- Convert to WebP (Select Quality...) — choose quality before converting
- Convert All Images in Folder to WebP — batch convert from folder context menu
Custom Image Editor
Open any supported image with "Reopen Editor With..." to get a full conversion UI with EXIF data.
- Full image preview with metadata
- EXIF data display (camera, lens, exposure, ISO, GPS)
- One-click conversion with format and quality options
- Estimated output size before converting
Convert between image formats with a single click. Supports input from PNG, JPG, GIF, BMP, TIFF, AVIF, HEIC/HEIF and output to WebP, JPEG, PNG.
Smart Output Naming
When converting to the same format (e.g., PNG to PNG), the output file is automatically named with a _converted suffix to avoid conflicts.
Usage
- Click the lwebp icon in the Activity Bar
- Select files or a folder
- Choose output format and quality
- Optionally enable crop and draw a region
- Click Convert
- Right-click an image file in the Explorer
- Select Convert to WebP or Convert to WebP (Select Quality...)
From the Image Editor
- Open an image file
- Use "Reopen Editor With..." > lwebp Image Editor
- Adjust format and quality, then click Convert
Extension Settings
| Setting |
Default |
Description |
lwebp.quality |
80 |
Output quality (0-100). Higher values = larger, better quality files. |
lwebp.deleteOriginal |
false |
Delete the original file after successful conversion. |
lwebp.outputDirectory |
"" |
Output directory for converted files. Empty = same directory as original. |
Input: PNG, JPG/JPEG, GIF (animated), BMP, TIFF/TIF, AVIF, HEIC/HEIF
Output: WebP, JPEG, PNG
Requirements
This extension uses sharp for image processing. Sharp includes prebuilt binaries for most platforms (macOS, Linux, Windows on x64 and arm64).
License
MIT
