How to Resize an Image
Upload your image, enter the desired width and height in pixels, choose a fit mode, and click Download. You can also click any preset button to instantly apply common dimensions for social media, web banners, and screen sizes. The tool processes your image entirely in the browser — nothing is sent to a server.
Fit Modes Explained
- Contain (letterbox) — The image is scaled to fit within the target dimensions while preserving its original aspect ratio. Empty space is filled with white. Equivalent to CSS
object-fit: contain. - Cover (crop) — The image fills the entire target area and is cropped symmetrically (centered) to match the ratio. No empty space, but some edges may be cut off. Equivalent to CSS
object-fit: cover. - Stretch — The image is scaled to exactly match the target width and height, ignoring the original aspect ratio. This may distort the image.
Aspect Ratio Lock
The lock icon between the width and height fields keeps the original aspect ratio intact. When locked, changing the width automatically updates the height proportionally, and vice versa. Click the lock icon to unlock and set width and height independently.
Frequently Asked Questions
What formats are supported?
The tool accepts any image format your browser can display, including JPG, PNG, WebP, GIF, and BMP. The output is JPG for photos and PNG for transparent/lossless images.
What is the maximum output size?
The tool supports output up to 8000×8000 pixels. For very large images, processing may take a few seconds as the Canvas API works synchronously in the browser's main thread.
Does resizing improve image quality?
Resizing to a larger size (upscaling) never adds real detail — it just interpolates existing pixels. The browser's canvas bilinear interpolation produces smooth results but cannot recover sharpness that wasn't in the original. Downscaling always produces a sharp, clean result.