Image Optimizer
Lossless & lossy image compression
Batch image optimization with intelligent format selection. Drop your images in, choose quality and size constraints, and get production-ready assets back — compressed, converted, and ready to ship.
Prototype
Client-side onlyWorking demo — all processing happens in your browser. No images leave this page.
Drop images here or
or drop here
Accepts PNG, JPG, JPEG, and WebPAdvanced
Optimized Files
Purpose
Modern web projects need images in multiple formats at multiple quality levels. Most teams either skip optimization entirely or bolt on a fragile build-step that breaks silently. Image Optimizer is a standalone tool that takes any supported image and produces optimized outputs in your choice of format — with full control over quality, dimensions, and file size budget.
Runs entirely in your browser. No images are uploaded anywhere. No cloud processing. Your assets stay on your machine.
Supported Formats
Inputs
PNGJPG / JPEGWebP
Outputs
WebP— best balance of quality and sizePNG— lossless, transparency preservedJPG— broad compatibility
Workflow
- 1Upload or drop images
Drag and drop files into the browser or click to browse. Supports batches of any size.
- 2Choose quality and max width
Set a target quality (1–100), maximum pixel width, and output format. Presets available for common targets: web hero, thumbnail, social share.
- 3Optimize
Processing happens entirely in your browser using the Canvas API. No uploads, no external servers. Progress is shown per-file with before/after size comparison.
- 4Download
Download optimized files individually or grab everything as a single ZIP archive. All processing and packaging happens in the browser.
Local-First / Privacy
Image Optimizer follows DevFoundry's local-first principles:
- All processing happens in your browser — nothing is uploaded
- No images are sent to third-party services
- No telemetry or usage tracking
- Images never leave your browser tab
