Resize & Compress Images Online
Resize dimensions, compress quality, export as JPEG/PNG/WebP
Try these next
Got your image sized and optimized? If you still need to add text, apply brand colors, or turn it into a social post, Canva picks up right where this tool leaves off. We use it constantly for quick design work that doesn't warrant opening Photoshop. (We may earn a commission, at no cost to you.)
Why use Image Resizer & Compressor
- Resize and compress in one step -- no separate tools.
- Quality slider with before/after byte comparison lets you find the sweet spot visually.
- WebP export delivers 25-35% smaller files than JPEG at the same perceived quality.
- EXIF orientation correction means phone photos always render right-side up.
- Accepts JPEG, PNG, WebP, and GIF input.
- Locked aspect ratio prevents accidental distortion when you only enter one dimension.
How it works
The tool draws the uploaded image onto an HTML Canvas at your target dimensions using bicubic interpolation, then calls canvas.toBlob() with the chosen format and quality parameter. JPEG and WebP quality maps to a 0-1 scale where lower values discard more high-frequency detail. PNG ignores the slider because it is lossless -- file size reduction comes only from reducing pixel dimensions. The browser-image-compression library handles EXIF orientation correction so portrait photos display correctly.
About this tool
Your blog's hero image is 4.2 MB and Google PageSpeed is flagging it. Drop it here, set the width to 1200px and quality to 80%, and download a 95 KB WebP that loads in under 200 ms. The tool accepts JPEG, PNG, WebP, and GIF. Lock the aspect ratio to resize proportionally by entering one dimension, or unlock it to force a specific canvas (useful for e-commerce grids where every product photo must be exactly 800 x 800). At 80% JPEG, file size typically drops 60-70% with no visible degradation at normal viewing sizes. WebP output runs 25-35% smaller than equivalent JPEG at the same perceived quality. PNG is lossless, so the quality slider does not apply there. A before/after comparison shows file sizes and the percentage reduction. EXIF orientation is corrected automatically, so portrait phone photos render right-side up. Everything runs through the Canvas API in your browser.
How to use Image Resizer & Compressor
- Drop your image. Drag a JPEG, PNG, WebP, or GIF onto the upload area. Original dimensions and file size appear immediately.
- Set dimensions. Enter width or height. With the lock enabled, the other dimension scales automatically. Disable the lock for a fixed canvas size.
- Choose format and quality. Pick JPEG, PNG, or WebP. For JPEG and WebP, drag the quality slider -- 80% is a good starting point.
- Download. Check the before/after file size comparison, then click Download.
Use cases
- Shrinking a 3 MB phone photo to a 95 KB WebP hero image for a blog post.
- Forcing all product photos to exactly 800 x 800 for a square grid layout on Shopify.
- Converting a PNG screenshot to WebP at 75% quality to cut page weight on a documentation site.
Frequently Asked Questions
Input: JPEG, PNG, WebP, and GIF. Output: JPEG, PNG, and WebP. GIF input is rasterized to a single frame. For the best web compression ratio, choose WebP -- 25-35% smaller than JPEG at equivalent quality.
75-85% is the sweet spot for most photos. The size reduction is substantial (60-70% smaller than 100%) and the visual difference is imperceptible at normal viewing sizes. For images with text or sharp lines, bump to 85-90% to avoid artifacts. The quality slider does not affect PNG output because PNG is lossless.
Downscaling does not degrade visual quality -- it just uses fewer pixels. Upscaling stretches pixels and will make the image blurry. For best results, only downscale.
A modern image format from Google that compresses 25-35% smaller than JPEG and 26% smaller than PNG at equivalent quality. All current versions of Chrome, Firefox, Safari, and Edge support it. If you are optimizing for the web, WebP is the recommended output.
Resizing changes pixel dimensions -- a 4000x3000 photo resized to 800x600 has fewer pixels and a smaller file. Compression encodes the same pixels more aggressively, reducing file size without changing dimensions. This tool does both in a single step.
Switch from PNG to JPEG or WebP and use 80-85% quality. For images with flat colors or transparency, stick with PNG and reduce dimensions instead. A 3 MB JPEG exported as WebP at 80% typically comes out under 300 KB.
The practical limit depends on your device's RAM, since the image decodes entirely in browser memory. Most devices handle files up to several hundred megabytes. For 50 MB+ files, processing may take a few seconds.
Related Tools
Discover more free utilities to enhance your productivity.