Image Optimizer
Crop to any aspect ratio, resize, and compress JPG, PNG or WebP — with a live file-size preview and weight targets for each size. Everything stays in your browser.
Crop & aspect ratio
Resize & compress
80
Output size
—
Original
—
Optimized
—
Saved
—
Recommendation
Load an image to see a tailored weight target.
Encoding…
100% private — your image is processed locally and never uploaded to any server.
How to optimize an image
- Upload an image by dragging it onto the drop zone or clicking to browse. JPG, PNG, WebP and GIF are all supported.
- Crop it. Pick an aspect-ratio preset or enter a custom ratio, then drag the corners to resize and the middle to reposition. The rule-of-thirds grid helps with composition.
- Pick an "Optimize for" preset — Hero, Content, Product, Card, Thumbnail or Avatar — to set the ideal max width and quality in one click, or set a max width manually for full control.
- Compress by choosing a format (WebP, JPEG or PNG) and tuning the quality slider. The output size updates live as you adjust.
- Check the recommendation — a green dot means you are within the suggested weight budget for that image size. Then click Download.
Common use cases
- Faster websites. Oversized images are the number-one cause of slow pages. Compress to WebP and cap the width to dramatically improve load time and Core Web Vitals.
- Social media. Crop to 1:1 for Instagram posts, 9:16 for Stories and Reels, or 16:9 for YouTube thumbnails and Twitter/X images.
- Profile pictures & avatars. Crop to a perfect square and shrink to a small, fast-loading file for forums, Slack, Discord or LinkedIn.
- Email & documents. Reduce a multi-megabyte photo to a few hundred kilobytes so it sends quickly and fits attachment limits.
- Open Graph images. Crop to 1.91:1 (close to 1200×630) for link previews on social platforms and messaging apps.
How it works & privacy
This tool uses the browser's built-in Canvas API to decode, crop, scale and re-encode your image locally. Because all processing happens on your device, nothing is ever uploaded — there is no server round-trip, no queue, and no copy of your image stored anywhere.
That makes it safe for sensitive material (ID photos, screenshots, private pictures), fast even on large files, and fully functional offline once the page has loaded.
Limitations
- PNG export is lossless, so the quality slider does not apply. For small PNGs, prefer WebP, which usually produces much smaller files.
- Animated GIFs are flattened to a single still frame on export.
- Resizing only downscales — enlarging a raster image past its native resolution would just add blur, so it is intentionally not offered.
Frequently asked questions
Are my images uploaded to a server?
No. Every step — cropping, resizing and compression — runs entirely in your browser using the HTML Canvas API. Your images never leave your device, so it works offline and keeps private photos private.
Which format should I choose for the web?
WebP is the best default: it produces 25–35% smaller files than JPEG at the same quality and is supported by every modern browser. Use JPEG for maximum compatibility with old software, and PNG only when you need a transparent background or pixel-perfect graphics like logos.
What is a good file size for a web image?
It depends on display size. Full-width hero images should stay under ~200 KB, in-article images under ~150 KB, cards and thumbnails under ~80 KB. The tool shows a tailored target based on your output dimensions and tells you whether you are within budget.
What image size should I use for a hero, thumbnail or avatar?
Use the one-click "Optimize for" presets, which set both the width and quality for you: Hero / banner (1920px wide), Content / article (1200px), Product / gallery (1200px at higher quality for fine detail), Card / grid (600px), Thumbnail (400px) and Avatar / icon (200px). Each preset is tuned to land inside the recommended weight budget for that use, and you can still fine-tune the max width or quality afterwards.
How do I crop to a specific aspect ratio?
Pick a preset (1:1, 16:9, 9:16 and more) or type a custom ratio like 21:9. The crop box locks to that proportion — drag the corners to resize and drag the middle to reposition. Choose Free for an unconstrained crop.
Does compressing reduce image quality?
Lossy formats (JPEG, WebP) trade some quality for much smaller files. The quality slider lets you find the sweet spot — for photos, 75–85 is usually indistinguishable from the original while cutting file size dramatically. PNG is lossless but produces larger files.
Can I make an image larger?
The max-width control only downscales — it never upscales past the cropped resolution, because enlarging a raster image just adds blur. To keep full resolution, leave max width empty.