About
Free Online Image Optimizer
Compress and convert PNG, JPG, WebP, and AVIF images directly in your browser — no uploads, no account, no file size limits. Everything runs locally on your device.
Overview
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.
Features
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.
Workflow
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.
Supported Formats
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 photosPNG
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 graphicsWebP
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 webAVIF
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 compressionFAQ
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.