ToolHub

Image Compressor

Compress JPG, PNG, and WebP images to a smaller file size in your browser — quality control, target file size, and format conversion, with no upload.

Private & secure: your images are compressed directly in your browser and are never uploaded to our server.

How client-side image compression works

Your images are compressed locally in the browser using the HTML5 Canvas API — nothing is uploaded. When you pick an image:

  1. Decode & render: the browser turns the source file into a raw pixel bitmap.
  2. Re-encode with controlled quality: fine colour detail the eye barely notices is trimmed — JPEG uses a discrete cosine transform (DCT), WebP uses block prediction — producing a smaller file at the quality level you choose.
  3. Zero upload: the whole process runs in your browser's memory, so confidential images never leave your device.

Which format should I use?

Format Type Best for
WebPLossy & losslessModern sites; usually the smallest files, and keeps transparency
JPGLossyPhotos and complex colour gradients (no transparency)
PNGLosslessLogos, icons, screenshots, and images needing transparency

Actual savings vary depending on the image, its format, its dimensions, and the compression settings — the figures above are just a guide.

Related tools: Image Resizer, Image Converter, PDF Compressor.

About Image Compressor

Compress JPG, PNG, and WebP images to a smaller file size right in your browser — adjust the quality, convert the format, or aim for a target size, and compare the original and compressed result side by side before you download. Your images are never uploaded.

How to Use

  1. Drag and drop an image, or click to choose one (JPG, PNG, or WebP).
  2. Pick a quality and output format, set a target file size, or just tap Recommended.
  3. Compare the original and compressed image and file sizes side by side.
  4. Download the smaller image.

Why Use This Tool?

Frequently Asked Questions

What is image compression?

Image compression reduces a file's size by encoding its pixels more efficiently and, for lossy formats, discarding detail the eye barely notices. This tool does it in your browser by re-drawing the image on an HTML canvas and re-encoding it.

Does compression reduce image quality?

It depends on the type. Lossy compression (JPG and lossy WebP) trades a little quality for a much smaller file — around 80% quality is usually indistinguishable from the original for photos. Lossless compression (PNG, or lossless WebP) keeps every pixel exactly but saves less.

Which format should I use?

JPG is best for photographs, PNG for logos, screenshots, and anything needing transparency, and WebP is a strong all-rounder that usually produces the smallest files and still supports transparency. Actual savings vary with the image and settings.

How do I compress an image to 100 KB?

Set a target file size and the tool lowers the quality automatically to get under it. Very large or highly detailed images may not reach a small target at usable quality — in that case, reduce the dimensions first with the Image Resizer, then compress.

Can I compress JPG, PNG, and WebP images?

Yes. The tool reads JPG, PNG, and WebP images and can output JPG, PNG, or WebP, or keep the original format. Converting a transparent PNG to JPG will fill transparent areas with white, so keep PNG or WebP to preserve transparency.

Are my images uploaded to a server?

No. All compression happens entirely in your browser using the HTML5 Canvas API — your images never leave your device.

Can I compress multiple images at once?

Not yet — this tool compresses one image at a time. Batch compression may be added later; for now, compress and download each image individually.

Related tools