Image Resizer

How to use this tool

1. Drop or select an image. Drag an image file onto the drop zone or click to browse your device.
2. Set the target dimensions. Enter pixel dimensions, choose a common size preset, or switch to percentage scaling. Lock aspect ratio to keep proportions when entering pixels.
3. Choose resize mode and format. Select fit, fill, or stretch. Optionally change the output format and adjust quality.
4. Resize and download. Click "Resize Image" to create the preview, then click "Download Resized Image" to save the result.

Upscaling vs. downscaling

These two operations have very different quality implications:

• Downscaling (making an image smaller) is a lossy-quality operation that generally produces excellent results - averaging nearby pixels creates a clean, sharp smaller image.
• Upscaling (enlarging an image) is fundamentally limited by the original pixel data. The browser's bilinear interpolation algorithm produces blurry results beyond about 2× enlargement. For high-quality enlargements, AI-powered upscaling tools (Topaz Gigapixel, Waifu2x, Adobe Super Resolution) use machine learning to reconstruct detail.

Common platform and use-case dimensions

The resizer includes exact-size presets for common social images. Platforms may crop covers and profile images differently across devices, and recommended sizes can change. See the social image size guide and confirm current requirements before publishing.

Which resize mode should I use?

The three resize modes handle the case where your target dimensions have a different aspect ratio to the original image:

• Fit: scales the image to fit within the target dimensions while preserving the original aspect ratio. The output canvas matches the scaled image exactly, so the result may be smaller than the target box. This is the safest option for general resizing without any cropping or distortion.
• Fill: scales the image so it covers the entire target canvas, then center-crops any overflow. The output is always exactly the target dimensions. Use this when you need a precise crop for thumbnails or social media images.
• Stretch: forces the image to exactly match the target dimensions, ignoring the aspect ratio. This will distort the image if the proportions differ. Use it only when distortion is acceptable (e.g. texture maps).

JPEG vs PNG vs WebP: which format to choose?

After resizing, you can keep the original format or convert to a different one. Here is a quick guide:

• JPEG: lossy compression optimised for photographs. Produces small files at the cost of subtle quality loss. Does not support transparency.
• PNG: lossless compression ideal for screenshots, logos, and images with sharp edges or text. Supports full transparency. Files are larger than JPEG for photos.
• WebP: modern format that typically outperforms both JPEG and PNG in file size while maintaining similar quality. Supports transparency and is supported in all modern browsers.

Tips for high-quality resizing

The browser's Canvas API uses high-quality image smoothing for resizing. Resampling cannot restore detail that was not present in the source, so very large enlargements may look soft. For the best results when downscaling large images:

• Use PNG output for lossless quality (no compression artefacts).
• Use JPEG or WebP at quality 90–100 for near-lossless output.
• Avoid upscaling beyond 2×: enlarging a small image will always result in blur or pixelation regardless of the algorithm used.

Exporting creates a new Canvas image and removes embedded metadata, including EXIF and GPS information. If you need that metadata preserved, keep an untouched copy of the original file.