Image Compressor

How to use this tool

1. Drop or select images. Drag image files onto the drop zone or click to browse. You can add multiple files at once.
2. Adjust settings. Set the quality (1–100), optional max dimension, and output format. You can also keep a larger re-encoded result to remove metadata. Settings apply to the batch.
3. Compress. Click "Compress All" to process every image. Each card shows original and compressed sizes as it completes.
4. Download. Download individual images with their download buttons, or click "Download All as ZIP" for the full batch.

Core Web Vitals: why image size matters

Image optimization directly impacts Largest Contentful Paint (LCP), the Google Core Web Vital that measures how quickly the main content of a page loads. LCP is often the largest single optimization opportunity on image-heavy pages. Google's Page Experience ranking signal uses LCP, so large unoptimized images directly affect SEO and user experience. Target LCP under 2.5 seconds for a "Good" rating.

Choosing an output format

This compressor can encode JPEG, WebP, and PNG. WebP is a practical choice for many web photographs because it supports transparency and can produce smaller files than JPEG, though the result depends on the image and browser encoder. AVIF output is not available in this tool, even in browsers that can display AVIF images.

How browser-based image compression works

This tool compresses your images using the HTML5 Canvas API, which is built into every modern browser. When you drop an image, the browser decodes it into raw pixels, draws those pixels onto an invisible canvas, then re-encodes the canvas as a JPEG or WebP with the quality level you specify. The result is a new file that is often 40–80% smaller with minimal visible quality loss.

Because compression runs entirely client-side, your images are never uploaded to any server. This makes the tool faster than server-based compressors and completely private, even when processing large batches on your CPU and GPU.

Best quality settings for web images

For most web use cases, a quality setting of 75–85 provides an excellent balance between file size and visual fidelity. Here are some guidelines:

• Quality 85–100: Near-lossless; use for professional photography, print preparation, or images where artifacts would be noticeable.
• Quality 70–84: Best for e-commerce product images, blog photos, and hero images where load time matters.
• Quality 50–69: Good for thumbnails, background images, and content where quality is less critical.
• Quality below 50: Visible compression artifacts; only use where extreme file size reduction is required (e.g., email attachments).

JPEG vs WebP vs PNG

Choosing the right format can be just as important as the quality setting:

• JPEG: The most widely supported format. Excellent for photographs and images with gradients. Does not support transparency.
• WebP: A modern format developed by Google that achieves 25–35% better compression than JPEG at the same visual quality. Supports transparency. Supported by all major browsers since 2020.
• PNG: Lossless compression. Use for images that contain text, sharp edges, logos, or transparency. File sizes are typically larger than JPEG or WebP for photographs.

Recommendation: Switch images from JPEG to WebP using this tool to get the same visual quality at a significantly smaller file size, with no quality change required.

How to remove EXIF data from photos

EXIF (Exchangeable Image File Format) metadata is embedded in JPEG and other image files by cameras and smartphones. It can contain:

• GPS coordinates: exact location where the photo was taken
• Camera make, model, and serial number
• Date and time the photo was captured
• Lens settings (aperture, shutter speed, ISO)

When this tool recompresses an image using the Canvas API, EXIF data is not preserved in the re-encoded output; canvas stores pixels rather than the original file's metadata container. By default, the tool keeps the original when re-encoding would make the file larger, which also keeps any EXIF data. Select the metadata removal option to keep the re-encoded result even when it grows. This is useful for removing GPS location before sharing photos online.

Animated GIF behavior

Canvas re-encoding turns an animated GIF into a still image because only one frame is encoded. If the original GIF is kept because re-encoding is larger, its animation remains. Check the result label before downloading when animation matters.