Image & Photo

Image Compressor

Shrink JPG, PNG, and WebP files with a live quality slider and a side-by-side preview. Everything runs in your browser — no upload, no signup, no watermark.

Drop an image here

or click to browse — JPG, PNG, or WebP up to 50 MB

Private by design. Your image is encoded entirely in your browser using the Canvas API — nothing is uploaded to any server.

What is image compression?

Image compression reduces a file's size on disk so it loads faster, costs less to store, and stays under upload limits — without changing what the picture looks like at typical viewing sizes. JPEG and WebP use lossy compression: small visual details the human eye barely notices are discarded so far fewer bytes are needed. PNG uses lossless compression: every pixel is preserved exactly, and only the encoding is squeezed. This tool lets you re-encode any JPG, PNG, or WebP at a quality level you control, optionally resize it, and inspect the result side-by-side with the original before you download. Everything runs locally — your file never leaves the device.

How to compress an image

1
Drop in your photo
Drag a JPG, PNG, or WebP onto the upload area, or click to pick from your device. Files up to 50 MB are supported.
2
Pick the output format
Use WebP for the best size-to-quality ratio on the modern web. Stick with JPG for broad compatibility, or PNG when you need lossless or transparency.
3
Drag the quality slider
Quality 80 is a good default for photos. Lower values shrink the file more but introduce blocking; higher values look closer to the source but save less space.
4
Optionally cap the long edge
Resizing to 1920 px or 2400 px is the single biggest win for photos that will be viewed on a screen. The aspect ratio is preserved automatically.
5
Compare and download
The before and after panes update live with file sizes and percentage saved. Click Download compressed when you are happy with the trade-off.

How browser image compression works

1. Decode the file into an ImageBitmap on a worker-friendly canvas.
2. Optionally resize the bitmap to fit a maximum long-edge constraint.
3. Draw the bitmap into an OffscreenCanvas at the target dimensions.
4. Call canvas.toBlob(format, quality) to re-encode with the chosen settings.
5. Compare blob.size against the original and surface the savings ratio.
6. Hand the blob to the browser as a downloadable object URL.

Modern browsers ship a full image-encoder pipeline behind the Canvas API. Drawing pixels onto a canvas and calling toBlob with 'image/webp' or 'image/jpeg' invokes the same codec the browser uses for everything else, so you get hardware-accelerated encoding and predictable output. PNG is always lossless because the spec does not define a quality knob; the size win for PNG comes from resizing or from converting to WebP/JPEG when transparency is not needed.

Reference: MDN — HTMLCanvasElement.toBlob()

What to expect

Input	Typical result
12 MB phone photo (4032×3024 JPG)	Resize to 1920 px and re-encode WebP at 80 → roughly 200–400 KB with no visible quality drop. Best fit for blog and social use.
2 MB product photo on white (PNG)	Convert to WebP at 90 → typically 80–200 KB while keeping near-lossless edges. Great for ecommerce listings.
Screenshot of a UI (PNG with text)	Keep PNG to preserve crisp text. Resizing the long edge to actual display size still cuts size by 40–70%. Avoid lossy formats on text.
Already-compressed JPG at quality 75	Re-encoding at quality 75 saves little and slightly degrades the image. Lower the quality or resize to see real savings. Edge case — already optimised.

When to use an image compressor

Slim down hero images and product photos for faster page-load and better Core Web Vitals.
Get past upload size caps in email, ticket trackers, or chat tools without opening Photoshop.
Reduce data usage when sending photos over slow or metered connections.
Convert a folder of phone photos to lighter WebP for archival or sharing.
Prepare assets for a design system or CMS that enforces a maximum file size.
Strip unneeded resolution from screenshots before pasting them into a doc.
Compress images for ad creatives where size limits are strict and quality must remain acceptable.

Related tools

Background Remover

Cut out the subject from any photo with on-device AI — no upload required.

Photo Editor

Adjust, filter, rotate and crop photos in the browser — no uploads, no watermark.

Meme Maker

Compose memes and screenshot collages with real layers — paste, drag, crop, caption, export.

Image Converter

Convert HEIC, JPG, PNG, WebP, and more — batch up to 25 files, all in your browser.

Frequently asked questions

Is the compression really happening in my browser?

Yes. The file is decoded onto a canvas and re-encoded with the browser's built-in image codec via canvas.toBlob(). No image bytes leave your device. You can verify this in your browser's network tab — there is no upload after the page loads.

What quality should I pick?

For photos, quality 80 is the sweet spot: large size savings with very few people able to tell the difference. Quality 90+ looks indistinguishable from the original but saves less space. Below 60 you will start to see blocking and color banding on smooth gradients.

Should I use JPG, PNG, or WebP?

WebP is the smallest at the same visual quality on the modern web and is supported by every current browser. JPG is the safest choice for old downstream tools. PNG is only smaller than the others when the image is small, simple, or needs transparency.

Why is the PNG output bigger than expected?

PNG is lossless, so the quality slider has no effect on it. To shrink a PNG photograph use the resize box to cut the dimensions down, or switch to WebP, which is lossless or near-lossless at quality 100 but typically 50–80% smaller.

Will compression affect EXIF metadata?

Yes — the canvas pipeline strips all EXIF tags. That means GPS coordinates, camera serials, and timestamps are removed, which is usually what you want when sharing photos publicly. Save the original separately if you need the metadata.

What is the largest file I can compress?

The hard cap is 50 MB at the input stage to keep memory predictable. The browser also has a per-tab memory limit, so very large multi-hundred-megapixel images may fail on lower-memory devices even within the size cap. Resize before importing if you hit that wall.

Is compressed quality reversible?

No. Lossy compression discards information, so the data lost at quality 80 cannot be recovered from the compressed output. Always keep your original file and use a copy for compression.

Can I compress multiple images at once?

Not in this version — you process one image at a time. Because nothing uploads, batching is just a UI loop you can run yourself: drop in, download, click Try another image, repeat. A batch mode is on the roadmap.

Last updated 2026-04-26

What is image compression?

How to compress an image

Drop in your photo

Drag a JPG, PNG, or WebP onto the upload area, or click to pick from your device. Files up to 50 MB are supported.

Pick the output format

Use WebP for the best size-to-quality ratio on the modern web. Stick with JPG for broad compatibility, or PNG when you need lossless or transparency.

Drag the quality slider

Quality 80 is a good default for photos. Lower values shrink the file more but introduce blocking; higher values look closer to the source but save less space.

Optionally cap the long edge

Resizing to 1920 px or 2400 px is the single biggest win for photos that will be viewed on a screen. The aspect ratio is preserved automatically.

Compare and download

The before and after panes update live with file sizes and percentage saved. Click Download compressed when you are happy with the trade-off.

How browser image compression works

1. Decode the file into an ImageBitmap on a worker-friendly canvas.
2. Optionally resize the bitmap to fit a maximum long-edge constraint.
3. Draw the bitmap into an OffscreenCanvas at the target dimensions.
4. Call canvas.toBlob(format, quality) to re-encode with the chosen settings.
5. Compare blob.size against the original and surface the savings ratio.
6. Hand the blob to the browser as a downloadable object URL.

What to expect

Input	Typical result
12 MB phone photo (4032×3024 JPG)	Resize to 1920 px and re-encode WebP at 80 → roughly 200–400 KB with no visible quality drop. Best fit for blog and social use.
2 MB product photo on white (PNG)	Convert to WebP at 90 → typically 80–200 KB while keeping near-lossless edges. Great for ecommerce listings.
Screenshot of a UI (PNG with text)	Keep PNG to preserve crisp text. Resizing the long edge to actual display size still cuts size by 40–70%. Avoid lossy formats on text.
Already-compressed JPG at quality 75	Re-encoding at quality 75 saves little and slightly degrades the image. Lower the quality or resize to see real savings. Edge case — already optimised.

When to use an image compressor

Slim down hero images and product photos for faster page-load and better Core Web Vitals.

Get past upload size caps in email, ticket trackers, or chat tools without opening Photoshop.

Reduce data usage when sending photos over slow or metered connections.

Convert a folder of phone photos to lighter WebP for archival or sharing.

Prepare assets for a design system or CMS that enforces a maximum file size.

Strip unneeded resolution from screenshots before pasting them into a doc.

Compress images for ad creatives where size limits are strict and quality must remain acceptable.