Reduce upload weight
Prepare images for blogs, docs, and landing pages with appropriate width and quality settings.
Image Optimizer
🔒 Browser-side processing
Compress, resize, and convert JPEG, PNG, and WEBP files in the browser.
Guide
Image optimization workflow
Resize images, adjust quality, and compare output formats in the browser before uploading them to a website or document.
Compare output formats
Choose WEBP, JPEG, or PNG based on whether the source is a photo, screenshot, or transparent graphic.
Local conversion
Resizing and conversion happen in the browser; the original file is not uploaded by this tool.
More: how to use it, examples, and common errors
Workflow
How to use it
- Select the source image.
- Set target width, quality, and output format.
- Compare the expected size and visible quality, then download the optimized file.
- Place important images in the real page to recheck sharpness and layout impact.
Examples
Real input and output
A photo converted to WebP
Input
photo.jpg 2.4 MB / 4032×3024Output
photo.webp 310 KB / 1600×1200
about 87% smallerTroubleshooting
Errors you will hit
Transparent areas turn black
JPEG has no alpha channel. Converting a transparent PNG to JPEG fills those pixels with black or white. Keep WebP or PNG when transparency matters.
Quality degrades with each pass
JPEG and WebP are lossy. Recompressing an already compressed file stacks the loss. Always start from the original.
The size barely drops
The file is probably already optimized, or the dimensions are unchanged. Reducing the pixel width to the actual display size usually beats lowering the quality value.
Review
Things to check
Transparency and format
JPEG does not preserve transparency. Use PNG or WEBP when logos or icons need transparent backgrounds.
Metadata may be removed
Canvas-based conversion may not preserve EXIF metadata. Keep the original when photo metadata matters.
Related
Tools that pair well
- PDF Merge/Split
- Image Base64 — Move small icons, test images, and data URLs between files and strings for CSS, HTML, and API samples.
- OCR Extractor — Extract Korean and English text from screenshots, scans, and captured documents into copyable text.
- QR Code — Create QR codes for URLs, short text, and Wi-Fi details, then decode QR images in the browser before opening o
- File Hash — Calculate SHA hashes for downloads, release artifacts, and shared files in the browser to verify integrity.