Image compressor (JPEG, PNG, WebP)
Shrink image file size in your browser with an adjustable quality slider. Uses local processing via the browser-image-compression library—no upload to WebTooly servers.
Drop an image here or click to browse
Max file size: 50MB
Tip: Compare the preview at 100% zoom before you ship to production; social platforms often apply their own compression on top.
About Image Compressor
Uses the `browser-image-compression` package: `imageCompression(file, { maxSizeMB: 10, maxWidthOrHeight: 4096, useWebWorker: true, initialQuality })` driven by the quality slider.
How it works (technical)
Decodes/re-encodes via the library’s canvas path; Web Worker keeps the main thread responsive (`useWebWorker: true`).
`initialQuality` maps to the slider; lower values trade visual fidelity for smaller blobs.
After a run, the UI shows original vs compressed byte sizes from `File.size` and the result blob.
Inputs: JPEG, PNG, WebP per the dropzone; no server-side image pipeline.
When to use it
Web assets
Reduce hero and inline images before publishing or committing to a repo.
Attachments
Bring photos under email or form size caps.
Iterate on quality
Re-run with a higher `initialQuality` if banding appears.
How to Use Image Compressor
- 1Drop a file or choose one from your device (JPEG, PNG, or WebP).
- 2Set the quality slider: lower values mean smaller files and more visible compression.
- 3Click Compress and wait for the size summary.
- 4Download the result when the numbers look right; repeat with a different setting if needed.
Key Features
- `browser-image-compression` with Web Worker
- Quality slider → `initialQuality`
- Before/after bytes
- JPEG / PNG / WebP inputs
- One-click download
Benefits
- •Adjust quality and re-run
- •Client-side only
- •Works wherever Canvas + Blobs are available
Frequently Asked Questions
Will my image look worse after compression?
Often a little, yes—that is the tradeoff for a smaller file. Raise the quality slider if you see banding or soft edges; lower it if you only need a small preview.
Why did my PNG barely shrink?
PNG is lossless; this tool does not magically remove colors from diagrams. For photos, exporting as JPEG or WebP usually saves far more space.
Is there a file size limit?
The library is configured with a generous max dimension and size cap, but very large images may fail on low-memory devices. If that happens, resize the image first or try on a desktop browser.
Do you store my pictures?
No. Compression runs in your browser; we do not receive the file for this tool. See the site Privacy Policy for analytics and cookies.