handyman
Hazuu Tools

Image Compressor

Reduce image file size with adjustable quality — fast, private, and right in your browser.

upload_file

Drag & Drop your image here or click to upload

Supports JPEG, PNG, WebP, BMP, and GIF formats
info

About Image Compressor

Image Compressor is a free online tool that reduces the file size of JPEG, PNG, WebP, BMP, and GIF images using the HTML5 Canvas API. You control the output quality from 1% to 100%, choose between JPEG, PNG, or WebP as the output format, and optionally resize the canvas to custom pixel dimensions — all before committing to a download.

The tool is designed for situations where raw file size matters: optimising images before uploading to a website, shrinking photos for email attachments, reducing storage footprint on a shared drive, or meeting a maximum file-size requirement on a form or CMS. The live before-and-after comparison shows the exact byte savings and percentage reduction so you can tune quality until the trade-off is right for your use case.

Everything runs entirely in your browser via client-side JavaScript — no image is ever sent to a server, stored in the cloud, or transmitted anywhere. That means sensitive product photos, confidential design assets, and personal pictures remain on your device throughout the entire process. There is no account required and no usage limit.

star

Key Features

check_circle

Adjustable quality slider (1–100%)

Set the JPEG or WebP compression quality to any value between 1 and 100. The slider gives you precise control over the size-vs-quality trade-off rather than forcing you to pick from a handful of presets.

check_circle

Three output formats

Export the compressed image as JPEG (best for photos), PNG (lossless, ideal for graphics with transparency), or WebP (modern format with better compression than JPEG at equivalent quality).

check_circle

Optional dimension resizing

In addition to quality compression, you can unlock custom width and height fields to scale the canvas down. An aspect-ratio lock keeps proportions intact when you adjust only one axis.

check_circle

Exact file-size feedback

After compressing, the tool shows the original size, the compressed size in KB or MB, and the percentage saved — so you know precisely what you are downloading before you click.

check_circle

Drag-and-drop upload

Drop an image file directly onto the upload area or use the file picker. Accepted formats include JPEG, PNG, WebP, BMP, and GIF.

check_circle

100% client-side processing

The Canvas API does all the work inside your browser tab. Your images never leave your device, which matters when working with private or proprietary visual assets.

help

How to Use

01

Upload Image

Drag and drop your image into the upload area, or click to browse and select a file from your device.

02

Adjust Quality

Use the quality slider to set your desired compression level. Lower values mean smaller files but reduced quality.

03

Compress & Download

Click "Compress" to process the image, review the size savings, then download the optimized result.

code_blocks

Example

A 2.4 MB JPEG photo exported at 75% quality to WebP — a format with better compression than JPEG — shrinks to around 380 KB, saving roughly 84% with no perceptible loss at normal viewing sizes.

Settings applied
File:   photo.jpg
Original size: 2,400 KB (2.4 MB)
Dimensions:    3840 x 2160 px
Output format: WebP
Quality:       75%
Result
Compressed size: ~380 KB
Dimensions:      3840 x 2160 px (unchanged)
Format:          photo_compressed.webp
Saved:           84%
lightbulb

Common Use Cases

  • arrow_circle_right

    Web page performance optimisation

    Large images are the most common cause of slow page loads. Compress hero images, product photos, and blog thumbnails to a target file size before uploading to your CMS, cutting bandwidth and improving Core Web Vitals scores.

  • arrow_circle_right

    Email attachments under size limits

    Many email clients and servers reject attachments over 5–10 MB. Use the quality slider to bring photos down to an acceptable size without switching to a different image editor or resizing the visible dimensions.

  • arrow_circle_right

    Converting JPEG photos to WebP for modern browsers

    WebP delivers equivalent visual quality at 25–35% smaller file sizes than JPEG. Use the format selector to re-export an existing JPEG as WebP in one step, no additional software required.

  • arrow_circle_right

    Meeting upload size limits on platforms and forms

    Job applications, government portals, and design submission forms often cap image uploads at 1 MB or 500 KB. Dial the quality slider until the displayed compressed size falls within the required limit.

  • arrow_circle_right

    Reducing cloud storage and backup footprint

    When archiving large photo libraries to cloud drives, batch-compressing photos before upload avoids running out of free storage. Processing happens locally, so no files pass through a third-party service.

quiz

Frequently Asked Questions

What is Image Compressor? expand_more
Image Compressor is a free online tool that reduces image file sizes by adjusting compression quality. It supports JPEG, PNG, and WebP output formats, and shows you exactly how much space you save with a before-and-after comparison.
Is my image uploaded to a server? expand_more
No. All image compression happens entirely in your browser using client-side JavaScript and the Canvas API. Your images never leave your device, ensuring complete privacy and security.
How does the quality slider work? expand_more
The quality slider controls the compression ratio from 1% (maximum compression, lowest quality) to 100% (minimum compression, highest quality). For JPEG and WebP formats, lower quality values produce significantly smaller files. PNG is lossless so the quality slider does not apply.
What is the best quality setting? expand_more
For most use cases, 70-85% quality provides an excellent balance between file size and visual quality. For web images, 60-75% is often sufficient. For print or high-quality needs, use 90-100%.
How is this different from the Image Resizer? expand_more
Image Compressor reduces file size primarily by lowering the encoding quality of the pixel data, not by changing the canvas dimensions. Image Resizer changes the pixel width and height of the image. This tool does include an optional resize control, but its main purpose is compression. If you only need to change dimensions without caring about the encoded file size, the Image Resizer is the right choice.
Does PNG compression work the same way? expand_more
No. PNG uses lossless compression, so the quality slider does not apply when PNG is selected as the output format. The file size reduction for PNG comes mainly from re-encoding and, optionally, from reducing the canvas dimensions. For significant size savings on photos, JPEG or WebP are more effective choices.
Can I compress an image and resize it at the same time? expand_more
Yes. Toggle off the "Original dimensions" switch in the controls panel to reveal width and height fields. You can set custom pixel dimensions alongside your quality and format settings. The aspect-ratio lock button keeps proportions correct when you adjust only one axis.
What formats can I upload? expand_more
You can upload JPEG, PNG, WebP, BMP, and GIF files. The output format is always one of JPEG, PNG, or WebP — GIF and BMP are only supported as input.