Image Resizer
Resize images to exact pixel dimensions or a percentage, keep the aspect ratio or choose stretch, fit, pad or crop, with high-quality downscaling.
Runs entirely in your browser. Your data is never uploaded.
What is Image Resizer?
The Image Resizer changes the width and height of an image. Enter the new size in pixels or as a percentage, keep the aspect ratio linked, or unlink it and decide how the image fills the new box: stretch, fit inside, fill and crop, or fit and pad with a background color.
How to use Image Resizer
- Drop, choose or paste an image; its current size is filled in.
- Choose Pixels or Percent and type the new Width or Height. With Keep aspect ratio on, the other value updates automatically.
- To use a different shape, untick Keep aspect ratio and pick how the image should fit (stretch, fit inside, fill and crop, or fit and pad).
- Optionally change the Output format, then download the result (named like
photo-800x600.jpg).
Example
40×20 PNG, width set to 20 px with Keep aspect ratio on
20×10 PNG named `<name>-20x10.png`
When to use Image Resizer
Use it to meet upload size requirements, prepare thumbnails, or shrink huge camera photos for the web. Enlarging a small image beyond its original size will not add detail and will look soft; use a vector source or AI upscaler for that.
How Image Resizer works
The tool computes the source and destination rectangles for the chosen fit mode (cover crops centrally; pad centers the image and fills the rest). For downscaling it halves the image repeatedly with imageSmoothingQuality = "high" before the final resize, which avoids the aliasing you get from a single large reduction. The result is encoded as the original format (PNG, JPEG or WebP) unless you choose another.
Common Use Cases
- Resizing a profile picture to 400×400 px for a social network.
- Halving screenshots (50%) before adding them to documentation.
- Creating exact 1200×630 social preview images with the fill-and-crop mode.
- Letterboxing product photos to a square canvas with a white background.
Security Note
Images are decoded, processed and encoded locally in your browser with the Canvas API. Nothing is uploaded to a server.
FAQs
What is the difference between the fit modes?
Stretch distorts to the exact size. Fit inside keeps proportions and may be smaller than the box. Fill and crop covers the box and trims overflow. Fit and pad keeps everything and fills the empty space with the background color.
Will resizing reduce quality?
Downscaling keeps good quality thanks to stepwise high-quality smoothing. Saving as JPEG or WebP adds slight lossy compression (quality 92%). Upscaling always looks blurrier.
What is the maximum size?
Up to 20000 px per side, limited by your browser’s canvas memory.