Controls
Preview
About the Image Resizer & Cropper
One image, three jobs: compress it to meet a 200 KB portal cap, resize it to exactly 1080×1080 for an Instagram post, crop it to a clean headshot for a profile. Every site upload and social platform enforces its own dimensions and size limits, and this tool handles all three jobs in one browser tab — locally, with live previews.
Compression uses quality scaling with instant size readout: drag the slider and watch KB fall while the preview tells you when quality becomes visibly honest. Resizing scales by pixels or percentage with aspect-ratio locking. Cropping offers free-form or preset ratios (1:1, 4:3, 16:9, passport-style), and all three operations compose — crop, then resize, then compress, then download.
JPG, PNG, and WebP in; any of the three out. Product photos, ID scans, and client images never leave your device.
For teams producing images regularly, the larger win is making these operations systematic rather than ad-hoc: decide the three or four standard sizes your channels need (hero, card, thumbnail), fix quality targets for each, and process every upload through the same pipeline. Consistent image pipelines protect site speed at scale — page-weight bloat usually creeps in one unoptimised upload at a time, and a repeatable routine is the antidote.
How to use the Image Resizer & Cropper
- 1 Add an image or drop it onto the canvas.
- 2 Crop first if needed — pick a ratio preset or drag freely.
- 3 Resize to target pixels or a percentage with aspect ratio preserved.
- 4 Compress with the quality slider until the size readout fits your limit, then download.
Key features
Live size readout
KB counter updates as you drag quality — hit exact upload caps.
Preset crop ratios
1:1, 4:3, 16:9 and free-form for posts, banners, and documents.
Pixel and percent resizing
Exact dimensions for platforms, or quick 50% scaling.
Format choice on output
JPG, PNG, or WebP per download — format and size tuned together.
Who uses the Image Resizer & Cropper?
- Government and exam forms with strict photo size/KB limits.
- E-commerce sellers matching marketplace image specifications.
- Social media: exact-dimension posts, covers, and avatars.
- Bloggers compressing images for faster page loads (Core Web Vitals).
- Email attachments trimmed under strict corporate limits.
Tips and best practices
- Order matters: crop → resize → compress. Compressing first wastes quality on pixels you will discard.
- For form photos, work from the largest original you have; upscaling after heavy compression looks terrible.
- Web images: target 100–200 KB at display size — bigger rarely helps visually and always costs load time.
- When a KB cap refuses to be met, reduce dimensions before dropping quality further — perception stays better.
- Keep your original file untouched; export copies at each needed size rather than re-compressing an already-lossy version.
Frequently asked questions
JPG/WebP photos typically survive 70–85% quality looking identical; below ~60%, artefacts appear around edges and text. The live preview shows the honest answer per image.
No — compression, resizing, and cropping all run in your browser; nothing is transmitted or stored anywhere.
Instagram posts: 1:1 (1080×1080) or 4:5; YouTube thumbnails: 16:9 at 1280×720. Use the presets to lock the ratio, then resize to the exact pixels.
Dimensions dominate: a 4000×3000 photo at 60% quality can outweigh a 1600×1200 at 75%. Reduce resolution first, then fine-tune quality.
Cropping itself keeps pixels identical — you simply lose the discarded area. Quality only drops during compression or upscaling.