What Is Image Optimizer?

Image Optimizer is a free, client-side image compression and format conversion tool that runs entirely in your web browser. Unlike server-based tools, your images are never transmitted to an external server — all processing happens on your own device using Web Workers and the Canvas API.

The tool supports the four most important image formats on the modern web: JPEG, PNG, WebP, and AVIF. You can compress images to reduce file size, convert between formats, resize by maximum width, and download all results as a single ZIP archive.

Image Optimizer is designed for web developers, designers, and content teams who regularly need to prepare images for the web. It handles batch jobs, adjusts settings globally, and re-optimizes automatically whenever you change a setting — so iterating on quality or format is instant.

4
Supported formats — PNG, JPG, WebP, AVIF
50–80%
Typical file size reduction converting JPEG to AVIF
0
Files uploaded to a server — processing is 100% local

Everything You Need to Optimize Images for the Web

A focused set of controls designed around a single workflow: compress, convert, and download — as fast as possible.

Web Workers API

Client-Side Processing

All compression and conversion runs locally in a background Web Worker. Your images never leave your device and the UI stays responsive during processing.

Batch upload

Batch Optimization

Drop any number of images at once — via drag and drop, file picker, or clipboard paste. Optimize all of them with one click and download as a ZIP.

Canvas API / WASM codecs

Format Conversion

Convert between PNG, JPEG, WebP, and AVIF freely. Switch the output format and all queued images re-optimize with the new setting automatically.

Quality slider 1–100

Quality Control

Fine-tune output quality with a precise slider. The tool shows exact before and after file sizes and percentage saved for every image, in real time.

Max-width resize

Image Resizing

Set a maximum output width to scale large images down proportionally. Original aspect ratio is always preserved. Leave blank to keep the original dimensions.

Zustand reactive state

Auto Re-Optimize

Change any setting — format, quality, or size — and images that have already been processed will re-optimize automatically. No need to click Optimize All again.

Canvas 2D drawText

Text Watermark

Burn a custom text watermark into every output image. Choose from five positions, set opacity, and the watermark is applied client-side at encode time — no extra round-trips.

CSS clip-path · scroll zoom

Before / After Preview

Click any image thumbnail to open a full-screen comparison modal. Drag the split-slider to reveal original versus optimized, and scroll to zoom up to 8× for pixel-level inspection.

localStorage · one-click apply

Settings Presets

Apply built-in presets (Web, High Quality, Max Compression, Thumbnail) in one click, or save your own named combinations. Custom presets persist in localStorage across sessions.

token template · ZIP-aware

Custom Filename Pattern

Define output filenames using {name}, {width}, and {height} tokens. The pattern applies to individual downloads and ZIP exports, with a live preview in the settings panel.

computed totals · live update

Summary Bar

A totals bar above the image grid shows how many images have been optimized, the combined before and after sizes, and the overall percentage saved — updated in real time as each image finishes.

Clipboard API · one-click

Copy to Clipboard

Copy any optimized image directly to your clipboard with a single button click. Paste it straight into design tools, chat apps, or documents without saving to disk first.

How Image Optimization Works

Three steps from raw files to optimized output.

Upload your images

Drag files anywhere on the page, click to open the file picker, or paste images directly from your clipboard. Image Optimizer accepts PNG, JPEG, WebP, and AVIF files. There are no restrictions on the number of files or total size.

Configure output settings

Choose an output format (WebP is recommended for most web use cases), set the quality level (75 is a good default), and optionally enter a maximum width to resize large images. Settings apply to all images at once.

Optimize and download

Click Optimize All to process every queued image. Download individual results with the per-image button, or grab everything at once as a ZIP archive. Adjust any setting to trigger automatic re-optimization.

PNG, JPEG, WebP, and AVIF — Explained

Image Optimizer handles the four formats that matter most for web performance. Here's when to use each one.

JPEG / JPG

The universal standard

The most widely supported format for photographs and complex images. JPEG uses lossy compression and achieves excellent file sizes at quality settings of 75–85%.

Best for photos

PNG

Lossless with transparency

PNG uses lossless compression and supports full alpha transparency, making it the right choice for logos, icons, diagrams, and any image where pixel-perfect accuracy matters.

Best for graphics

WebP

Modern web standard

WebP delivers 25–35% better compression than JPEG and PNG at equivalent quality. It supports both lossy and lossless modes and has full support across all major browsers since 2020.

Best for web

AVIF

Next-generation compression

AVIF achieves 30–50% better compression than JPEG and up to 20% better than WebP. Built on the AV1 video codec, it's supported by Chrome, Firefox, Safari 16+, and Edge.

Best compression

Frequently Asked Questions

How do I compress images without losing quality?

Image Optimizer uses advanced compression algorithms that reduce file size while preserving visual quality. Set the quality slider (1–100) to balance file size against fidelity. For most web images, a quality setting of 70–85% delivers 40–60% size reduction with no perceptible quality loss. Converting to WebP or AVIF at the same quality typically cuts file size by an additional 25–50% compared to JPEG.

What is the best image format for websites?

WebP is the best all-around format for web images today — it offers 25–35% smaller file sizes than JPEG and PNG at equivalent quality, and it's supported by all major browsers. For even better compression (30–50% smaller than WebP), AVIF is the next-generation choice. Image Optimizer lets you convert to both formats instantly.

How do I convert PNG to WebP?

Converting PNG to WebP takes three steps: (1) drag your PNG files onto the tool or click to browse, (2) select WebP as the output format in the Output Settings panel, (3) click Optimize All. Your converted files are ready to download immediately. All processing happens in your browser — no files are uploaded anywhere.

Can I optimize multiple images at once?

Yes. Image Optimizer is built for batch processing — drop any number of images at once and they'll all be optimized with a single click. When done, download all results together as a ZIP archive. There are no limits on the number of images or total file size.

What is AVIF and should I use it?

AVIF (AV1 Image File Format) is a modern image format developed by the Alliance for Open Media. It delivers 30–50% better compression than JPEG and up to 20% better than WebP while maintaining high visual quality. All major browsers — Chrome, Firefox, Safari 16+, and Edge — support AVIF. It's an excellent choice for sites targeting modern browsers and wanting the smallest possible file sizes.

How much does image compression reduce file size?

Typical reductions: JPEG recompressed at quality 80 saves 40–60% over the original; PNG converted to WebP saves 50–70%; JPEG converted to AVIF saves 50–80%. Actual results depend on image content — photos compress more than flat illustrations. Image Optimizer displays exact before/after file sizes and the percentage saved for every image.

Does Image Optimizer work on mobile devices?

Yes. Image Optimizer is fully responsive and runs in any modern mobile browser, including Chrome for Android and Safari for iOS 15+. All processing happens on your device using Web Workers, so performance scales with your hardware.

Are my images safe when using Image Optimizer?

Your images never leave your device. Image Optimizer processes everything locally in your browser using Web Workers and the Canvas API — no files are transmitted to any server. Your images remain completely private, and the tool functions without an internet connection after the initial page load.

Can I add a watermark to my images?

Yes. The Watermark panel in the sidebar lets you enter custom text (for example, your brand name or copyright notice), choose one of five positions (bottom-right, bottom-left, top-right, top-left, or center), and set the opacity from 10% to 100%. The watermark is applied at encode time using the Canvas 2D API — it is permanently burned into the output image and works with all supported output formats (JPEG, PNG, WebP, AVIF).

Can I name my output files differently?

Yes. The Filename Pattern field in the Output Settings panel lets you define a template for output filenames. Available tokens are {name} (original filename without extension), {width} (output width in pixels), and {height} (output height in pixels). For example, {name}-optimized produces photo-optimized.webp, and {name}@{width}x{height} produces [email protected]. The pattern applies to individual image downloads and ZIP exports.

How do I quickly reuse the same settings?

Use the Presets row at the top of the Output Settings panel. Four built-in presets are always available: Web (WebP 75%, no resize), High Quality (WebP 90%), Max Compression (AVIF 60%), and Thumbnail (WebP 75%, max 480 px). To save your own combination, dial in the settings you want and click + Save. Custom presets are stored in localStorage and persist across browser sessions.

Ready to optimize your images?

Free, unlimited, and running right now in your browser.

Start Optimizing