Image Compressor

Reduce image file size without losing quality. Perfect for web, email, and social media.

What Image Compressor helps you do

Reduce the transfer size of a JPG, PNG, or WebP image before adding it to a website, email, listing, or social post. You can choose the output format and quality, compare the original with the compressed preview, and see the size change before downloading. It also handles a batch, so a whole folder can share one setting and return as a ZIP.

Images are decoded, redrawn and encoded in your browser. No file is uploaded to Haivix, and no compressed copy is stored on a server.

How it works

Each image is decoded and redrawn onto a canvas, then exported with the chosen format and quality. JPEG and WebP honor the quality value; PNG uses lossless compression and ignores it. The original pixel dimensions are preserved, and a batch is packaged into a ZIP with the compressed files. The whole operation runs in the page, so nothing is uploaded.

How to use Image Compressor

  1. Add a JPG, PNG, or WebP image, choose an output format, and start near 80% quality for lossy formats.
  2. Compress once and compare the original with the compressed preview and file sizes.
  3. Lower quality in small steps if needed, then download the result and keep the original separately.
  4. Add several files when you want a batch; the same settings apply to every image.

When to use it

  • Reduce a photo before uploading it to a CMS or store.
  • Fit an image into an email or form attachment limit.
  • Prepare a lighter WebP version for a web page.
  • Shrink a batch of listing photos with one consistent setting.
  • Check how much a photo can shrink before visible damage.
  • Reduce the weight of a screenshot without changing its dimensions.

When not to use it

  • Do not use it when width and height are the problem; resize first.
  • Do not compress an already compressed file repeatedly; start from the original.
  • Do not expect PNG transparency to survive a JPEG export.

Example

A 4.8 MB product photo is exported as WebP at 80% quality and drops under 700 KB with no visible change at the 900 px size used by the shop. The same photo at 40% shows soft edges around the label, so the higher setting is kept. The original stays in the archive for future crops.

What you can do with Image Compressor

  • Process images locally without uploading them to Haivix.
  • Keep the original format or convert to JPEG, WebP, or PNG.
  • Adjust lossy quality from 10% to 100% for supported formats.
  • Compress a batch with one settings pass.
  • Compare original and compressed file sizes and previews side by side.
  • Download a single file or a ZIP of the compressed set.

Example: prepare a large product photo for the web

Add the original photo, select WebP or JPEG, and start near 80% quality. Compress once and compare the preview at the size it will appear on the page.

If fine details still look clean, lower the quality in small steps until the size and appearance reach a useful balance. Keep the original file separately so you can produce a different size later without recompressing an already compressed copy.

For a folder of images, test the setting on the most detailed file first. Once the quality holds up on text, faces and edges, apply the same setting to the batch rather than tuning each file separately.

What to know before you start

  • PNG is best for transparency and interface graphics; photographs usually shrink more as JPEG or WebP.
  • A smaller percentage is not always a better result—check text, faces, gradients, and sharp edges in the preview.
  • Compression changes encoding quality, not image dimensions. Use Image Resizer when width and height are the main problem.
  • PNG output ignores the quality slider, so a PNG may not shrink much even at a low setting.
  • Converting a transparent image to JPEG fills transparency with white.

Common mistakes

  • Using PNG for a photograph and wondering why the file barely shrank.
  • Lowering quality before checking the image at its actual display size.
  • Compressing an already compressed JPEG and stacking artifacts.
  • Exporting a transparent logo as JPEG and getting a white box.
  • Tuning each image in a batch instead of testing one and applying the setting.
  • Overwriting the original with the compressed copy.

Troubleshooting

If a PNG will not shrink, switch to WebP or JPEG when transparency is not needed. PNG compression is lossless and the quality slider does not apply.

If the preview looks blocky, raise the quality or reduce the image dimensions first. Smaller dimensions often save more than aggressive quality reduction.

If transparency turned white, the output format was JPEG. Choose PNG or WebP to keep the alpha channel.

If a batch file fails, its format may not be decodable by the browser. Convert it first, then add it to the compressed set.

If the compressed file is larger than the original, keep the original; some sources are already efficiently encoded.

Related standards and documentation

  • JPEG is specified by ISO/IEC 10918, PNG by ISO/IEC 15948, and WebP by its format specification.
  • The HTML canvas element provides the redraw and export path used here.
Test at display size
  • Start near 80% for JPEG or WebP.
  • PNG ignores the quality slider.
  • Keep the original for future versions.

Frequently Asked Questions