All tools Image Optimizer ● Live Image / Inspection Compression results vary by image content, format, dimensions, and quality settings. Exact target sizes are not guaranteed. How this tool works

Image Optimizer

Image Optimizer reduces file size by compressing JPG and PNG images using browser-image-compression — a WASM-backed library that runs entirely in your browser tab. Set a target max size or quality level and compare before/after.

Image Optimizer Runs locally
Step by step

How to use it

  1. Upload a JPG or PNG image by clicking the upload area or dragging it in.

  2. Adjust the quality slider or set a target maximum file size.

  3. Compare the before/after file size and visual preview side by side.

  4. Click download to save the optimized image to your device.

When to use it

Use cases

  • Shrink product photos before uploading them to an online store.

  • Reduce blog post images to improve page load speed and Core Web Vitals.

  • Compress screenshots before attaching them to an email or support ticket.

  • Prepare images for a portfolio site without losing visible quality.

  • Reduce storage usage for large batches of photos one at a time.

Limits & privacy

What this tool does and does not do

Private by design

Compression runs entirely in your browser using a WASM-based library. Your images are never uploaded to a server.

  • Output format always matches the input format — no JPG-to-WebP conversion.

  • Very large source images may take a few seconds to process since compression runs in-browser.

  • Extremely high compression ratios can introduce visible artifacts in JPEGs.

Background

What the quality setting actually does

The quality slider controls how aggressively the encoder discards visual information. It is not a percentage of the original file size, and the relationship between the two is not linear.

In practice the curve has a knee. Between roughly 100 and 80 the file shrinks substantially while the difference is hard to see on most photographs. Below about 60 the losses become visible: soft blocking in flat areas like skies, and coloured fringing around hard edges and text. Where exactly that happens depends on the picture — a photograph tolerates far more compression than a screenshot of an interface.

Re-compressing an already-compressed image compounds the damage, because the encoder is discarding information from a picture that has already had information discarded. Always optimise from the best original you have rather than from a file that has been through this once already.

One consequence is worth knowing before you use the result. Processing happens by drawing the image onto a canvas and encoding what was drawn, and a canvas holds pixels only. Every piece of metadata is therefore dropped: EXIF, the camera model, the timestamp, the colour profile, and any embedded GPS coordinates. That is excellent if you are stripping location data before posting a photo, and a real loss if you were relying on capture dates to keep an archive in order. Keep the original.

Questions

Frequently asked questions

How much compression is typical?

It depends on the original image, but 40-70% size reduction is common for JPEGs at quality 80. PNG compression is lossless and typically achieves a smaller 10-30% reduction since no detail is discarded.

Does it support WebP output?

Not in the current version — output is always in the same format as the input (JPG or PNG). WebP support is being considered for a future update.

Will compression noticeably reduce image quality?

At the default quality settings, most compression is visually lossless or close to it. Lowering the quality slider further trades visible sharpness for smaller files.

Is there a maximum file size?

Very large images (tens of megabytes) may take longer to process since everything runs in your browser, but there's no hard upload limit imposed by the tool.

Can I optimize multiple images at once?

The current version processes one image at a time so you can review the before/after comparison for each file individually.

How is this different from Image Resize?

Image Optimizer keeps the original dimensions and reduces file size through compression. Image Resize changes the pixel dimensions of the image, which can also reduce file size as a side effect.

Why would I optimize images for my website?

Smaller image files load faster, which improves page speed scores, reduces bandwidth costs, and can improve search rankings since page speed is a ranking factor.