Image Compressor
Image ToolsCompress JPG, PNG, WebP images — reduce file size by up to 90%. Free, private — all processing in your browser.
Drop in an image, drag the quality slider, and watch the file size drop while a side-by-side preview shows original versus compressed. You get the before and after sizes and the percentage saved, so you can find the sweet spot where the file is much smaller but still looks the same. For most web images, 80–85% quality cuts the size dramatically with no visible difference.
It keeps the original dimensions — this compresses, it doesn't resize. The goal is a smaller file at the same size on screen, which is exactly what you want for faster-loading web pages, email attachments, or anything with an upload size limit. Choose your output format (JPG, WebP, or PNG); WebP usually gives the smallest file at a given quality.
Everything runs in your browser. The image is processed locally on a canvas and never uploaded, so it's quick and your files stay private. A built-in quality guide suggests good settings for web, thumbnails, and archival.
Image Compressor — key features
Compress any image format
JPG, PNG, WebP, GIF all supported. Output can match input or convert to a different format for further savings.
Adjustable quality
Slider from 1-100. Real-time preview shows you the quality/size tradeoff before saving.
Batch compression
Drop dozens of files at once. All compressed with the same settings and downloaded individually or as a ZIP.
Compare before/after
Side-by-side preview of original and compressed. Zoom in to inspect artifact differences.
Metadata stripping
Removes EXIF data by default — saves size and protects privacy (GPS, camera model). Optional: keep metadata if you need it.
Target file size
Specify a target size (e.g., 500 KB) and the tool picks the optimal quality level.
Format conversion during compression
Compress and convert — PNG to WebP for 40-60% size reduction, JPG to WebP for 25-35% reduction.
100% client-side processing
Your photos never leave your device. Safe for personal photos, product shots, and sensitive images.
How to use the Image Compressor
- 1
Drop your images
Drag and drop or click to select files. Multiple files are compressed in parallel.
- 2
Choose quality
85-90% works well for photos (barely visible quality loss, ~50% size reduction). For maximum savings, try 75-80%.
- 3
Optionally convert format
WebP typically produces 25-35% smaller files than JPG at same quality. Worth converting if your target supports WebP.
- 4
Compare preview
Side-by-side view shows original vs compressed. Zoom in to check for artifacts — for photos, you usually cannot tell the difference.
- 5
Download
Individual files or a ZIP of all compressed images. Ready to upload or email.
Where this helps
Web performance
- →Optimize for Core Web Vitals: Large images hurt LCP (Largest Contentful Paint). Compress hero images and product photos to improve page speed and SEO.
- →Reduce bandwidth costs: Hosting large images on CDN or cloud storage costs bandwidth. Compressed images = lower monthly bill.
- →Faster mobile loading: Mobile users on 3G/4G suffer from slow image loads. Compressed images make sites usable on any connection.
- →Better SEO: Page speed is a Google ranking factor. Compressed images improve PageSpeed score, which can improve search rankings.
- →Stay under email attachment limits: Most email servers limit attachments to 10-25 MB. Compress to fit multiple photos in one message.
- →Embedded images in marketing emails: Email clients recommend images under 1 MB each. Compress marketing hero images to this size without visible loss.
- →Email signatures: Company logos and signatures should be under 50 KB. Compress to meet size requirements.
Social media
- →Platform upload limits: Instagram: 1080×1350 max / 30 MB. Twitter: 5 MB. WhatsApp: 16 MB. Compress to fit.
- →Faster posting on mobile: Smaller files upload faster on cellular. Saves data and waiting time.
- →Maintain quality after platform recompression: Platforms recompress uploads aggressively. Start with a well-compressed original to minimize visible degradation.
Ecommerce and CMS
- →Faster product page loads: Online stores live or die by page speed. Compressed product photos load faster and convert better.
- →CMS media library hygiene: WordPress sites accumulate uncompressed images over time. Periodically compress bulk and replace originals.
- →Thumbnail generation: Combine with resizing to generate smaller thumbnails with even higher compression ratios.
Image Compressor in practice
Compress iPhone photo for web
Typical phone photo: huge.
Source: IMG_4532.jpg (4.2 MB, 4032×3024) Quality: 85
Compressed: IMG_4532_compressed.jpg (420 KB) Size reduction: 90% Visual difference: imperceptible at normal viewing
PNG screenshot to WebP
Maximum savings for graphics.
Source: screenshot.png (1.8 MB, 1920×1080) Convert to WebP, quality 85
Output: screenshot.webp (280 KB) Size reduction: 84%
Batch compress 50 product photos
Ecommerce library cleanup.
50 photos, total 120 MB Quality: 85, format: JPG
Compressed total: 12 MB Size reduction: 90% (108 MB saved) Quality: visually identical
Target specific file size
Compress until hitting 100 KB target.
Source: dslr_photo.jpg (3.8 MB, 4000×3000) Target size: 100 KB
Tool iterates: quality 62 produces 98 KB — selected Output: 98 KB (39× smaller)
High-quality photo archive
Minimum quality loss for archival.
Source: raw_photo.jpg (8 MB) Quality: 95 (near-lossless)
Output: 5.4 MB (33% smaller) Quality: indistinguishable from original
Preserve transparency with WebP
PNG transparent → smaller WebP.
Source: logo_transparent.png (450 KB) Convert to WebP lossy, quality 90
Output: logo_transparent.webp (32 KB) Transparency preserved, 93% smaller
How it works
Compression re-encodes the image through the HTML canvas: the picture is drawn to a canvas at its original dimensions, then exported with canvas.toDataURL at the format and quality you pick. For JPG and WebP, the quality value maps to the encoder's lossy quality — lower quality discards more high-frequency detail, producing a smaller file. The before/after preview and savings figure update live as you move the slider.
Because JPG has no transparency, the tool paints a white background before drawing when you export JPG, so transparent PNGs won't turn black. PNG output is lossless, which means the quality slider has little to no effect on it — PNG only shrinks meaningfully for flat-color images, not photos. The compressed size is estimated from the encoded data length, so treat it as a very close approximation.
This is single-pass canvas re-encoding, not a specialized optimizer. It won't strip metadata selectively, apply perceptual quantization, or match the compression ratios of tools like MozJPEG, pngquant, or Squoosh's advanced codecs — but for everyday "make this smaller" it's fast and effective. All processing is client-side; nothing is uploaded.
Pitfalls and fixes
⚠It compresses, it doesn't resize
The pixel dimensions stay the same — only the file size changes. If an image is also too large in dimensions, resize it first (or use an image resizer), then compress.
⚠PNG barely compresses photos
PNG is lossless, so the quality slider does little for it, and photos stay large. To shrink a photo, use JPG or WebP. PNG only compresses well for flat graphics, logos, and screenshots with few colors.
⚠Compressing a JPG again adds artifacts
Re-encoding an already-lossy JPG at lower quality compounds the loss. Start from the highest-quality original you have rather than repeatedly compressing the same file.
⚠JPG export fills transparency with white
Since JPG has no alpha channel, transparent areas become white. To keep transparency while compressing, use WebP instead.
⚠Metadata is not preserved
Re-encoding drops EXIF and color-profile data. That reduces size and improves privacy, but it also means camera info and embedded profiles won't survive.
Alternatives and comparisons
Dedicated optimizers (MozJPEG, pngquant, Squoosh) and build-time image pipelines squeeze out more bytes at the same visual quality using smarter encoders and perceptual tuning. If you're optimizing an entire site's assets or need the absolute smallest files, those are worth the extra step.
This tool wins on immediacy: paste an image, see the size drop and the visual result side by side, download. No upload, no install, no config. For a quick one-off — trimming a screenshot for an email, getting a photo under an upload limit, shrinking an image for a blog post — it's the fastest path, and the live preview means you never guess whether the quality is still acceptable.
Frequently asked questions about the Image Compressor
▶What quality should I use?
For web images, 80–85% is the sweet spot — a big size reduction with no visible loss. Use 90–100% for print or archival, 60–75% for thumbnails, and below 50% only when you need a very small file and can accept visible artifacts.
▶Does compressing change the image dimensions?
No. It keeps the original width and height and only reduces the file size by re-encoding. If you also need smaller dimensions, use an image resizer.
▶Which format compresses best?
WebP usually produces the smallest file at a given quality. JPG is great for photos and widely supported. PNG is lossless and won't shrink photos much — use it only for graphics with few colors or when you need transparency.
▶Are my images uploaded?
No. Compression runs entirely in your browser on a canvas. Your image never leaves your device, so it's fast and private.
▶Why isn't my PNG getting smaller?
PNG is a lossless format, so the quality slider can't discard detail the way it does for JPG or WebP. For photos, switch the output to JPG or WebP to see real savings.
Further reading
- Image Optimization — Google web.dev — Google's best-practices guide for compression.
- MozJPEG — Optimized JPEG Encoder — Advanced JPEG encoder producing smaller files.
- pngquant — Lossy PNG Compressor — Reduces PNG sizes by 50-70% with lossy palette reduction.
- WebP — Google — Google's WebP format documentation.
- AVIF — Aomedia — AV1 Image File Format specification.
Related tools
All Image ToolsImage Color Picker
Click on any image to pick colors and get hex, RGB, and HSL values. Extract exact colors from photos, screenshots, or designs.
Image Cropper
Crop any image with drag-to-select interface, aspect ratio presets (1:1, 16:9, 4:3), and precise pixel-level control.
Image Grayscale Converter
Convert any image to grayscale or black and white with adjustable intensity and choice of conversion algorithm.
Image Resizer
Resize PNG, JPG, WebP images by pixels or percentage with aspect lock
Image to Base64
Convert any image to Base64-encoded data URI for embedding directly in HTML src, CSS background, or JSON data fields.
Image to WebP Converter
Convert PNG, JPG, GIF images to WebP format — 25-35% smaller files
Learn more
Explore more tools
200+ free tools that run in your browser.
Browse all tools →