The ChrysoKit Image Resizer crops, resizes and re-encodes images right in your browser. Pixel-perfect dimensions, percentage scaling, three fit modes, and PNG/JPEG/WebP output.
Why use it
No upload, no quality loss to a server round-trip, no waiting in a queue. Drop in, resize, download.
How to use the Image Resizer
- Drop an image onto the page.
- Enter target width and height in pixels, or scale by percentage.
- Pick a fit mode: Contain (no cropping), Cover (fills, may crop), or Stretch (no aspect lock).
- Optionally use the Crop tool for an exact region.
- Pick an output format (PNG, JPEG or WebP) and download.
Features worth knowing
Three fit modes
Contain preserves aspect ratio inside the target box. Cover fills the box (may crop edges). Stretch ignores aspect ratio.
Pixel or percent input
Type exact dimensions in pixels, or set a percentage scale (1-400%). The other input updates to keep aspect ratio.
Crop tool
Switch to crop mode and drag a rectangle on the preview. Apply or cancel as you like; undo and redo are available.
Format choice
Output as PNG (lossless), JPEG (smaller, lossy) or WebP (smaller still, modern). Pick based on the destination.
Pro tips
- Always resize down, never up. Upscaling makes images worse, not better.
- Use Contain for thumbnails when you do not want any cropping. Use Cover when the box must be filled.
- For retina displays, export at twice the displayed dimensions and let the browser scale down.
- WebP is the modern default for web delivery. JPEG is still the universal fallback.
Privacy first. The Image Resizer runs entirely in your browser. The image never leaves the page.
Use the Image Resizer for blog covers, social posts and screenshots. Pair it with the Image Compressor when file size also matters.
Open the tool: Image Resizer →
One photo, seven destinations: a resizing workflow
A single product photo from a modern phone arrives as roughly 4000 x 3000 pixels and 3-4 MB... correct for none of its destinations. Follow it through a real publishing day. The website hero crop wants 1920 wide. The article inline version wants 1000. The Open Graph card... what social platforms display when the link is shared... wants exactly 1200 x 630, which means a deliberate crop, not a squeeze, because 4:3 does not become 1.91:1 without choosing what to lose. Instagram takes the 1080 x 1350 portrait crop. The email newsletter wants 600 wide or mobile clients will scroll horizontally forever. The marketplace listing demands its own square. And the original goes into storage untouched, because every one of these is a one-way trip.
Two rules keep the workflow sane. Crop before scaling: decide composition at full resolution where detail is visible, then resize the crop to target dimensions. And always derive from the stored original, never from a previous derivative... the 600-wide email version upscaled for next month's banner is how soft, smeared marketing images happen.
The whole sequence takes ten minutes with a resizer and produces images that look intentional in every slot. The alternative... uploading the 4 MB original everywhere and letting each platform mangle it... takes two minutes and looks like it.