Resize by pixels or percentage with aspect ratio control -- free, private, in your browser
Read more: How to Resize Images for Social Media, Email, and Web
Resizing an image well depends on the direction you are scaling. Downscaling -- making an image smaller -- generally preserves quality because you are discarding pixels and the browser's resampling algorithm blends them smoothly. Upscaling -- making an image larger -- requires the algorithm to invent new pixels, which can introduce softness or artifacts.
For the best results when you need a larger image, start from the highest-resolution original available. When downscaling, this tool uses the browser's built-in bicubic interpolation via the Canvas API, which produces clean results without ringing or haloing.
| Use case | Width | Height |
|---|---|---|
| Instagram post | 1080 | 1080 |
| Instagram story | 1080 | 1920 |
| Facebook cover | 820 | 312 |
| Twitter header | 1500 | 500 |
| LinkedIn banner | 1584 | 396 |
| YouTube thumbnail | 1280 | 720 |
| Web hero (full width) | 1920 | 1080 |
| Blog content image | 800 | 450 |
| Print 4x6 at 300 DPI | 1200 | 1800 |
| Print 8x10 at 300 DPI | 2400 | 3000 |
Resizing changes the dimensions of the entire image. Every pixel in the original is represented in the output, just at a different scale. The composition and framing remain the same.
Cropping cuts away parts of the image to keep only a selected region. The remaining area stays at its original resolution, but content outside the crop rectangle is discarded.
Use resizing when you need the full image at a different size -- for example, shrinking a photograph for faster web loading. Use cropping when you want to reframe the composition or remove unwanted edges.
When the lock is active, changing the width automatically recalculates the height to maintain the original proportions, and vice versa. This prevents your image from appearing stretched or squished. You can unlock it if you intentionally need non-proportional dimensions.
Downscaling rarely causes visible quality loss. Upscaling can soften the image because new pixels must be interpolated. For the sharpest results, resize down from a high-resolution source rather than up from a low-resolution one. Choosing a lossless format like PNG preserves every pixel exactly as computed.
WebP produces the smallest files for web use at equivalent visual quality. PNG is best when you need transparency or lossless precision. JPG works well for photographs where some compression is acceptable. For most web projects, WebP at quality 80-85 is the best default.
Since all processing runs in your browser, the limit depends on your device's available memory. Most devices handle images up to 20-30 megapixels without issues. Very large images may take a moment to process.
This tool resizes by dimensions, not by target file size. However, reducing dimensions and choosing a lossy format like WebP or JPG at lower quality will produce smaller files. The before/after size display helps you gauge the result.
Quick reference for common platform image sizes. Discord: profile picture 128x128, server icon 512x512, banner 960x540, emoji 128x128 (must be under 256KB). Steam: avatar 184x184, profile background 1920x1080, workshop preview image 512x512. Shopify: product images 2048x2048 (square recommended for consistent catalog display), collection images 1024x1024, hero or slideshow banners 1920x1080.
For social media platforms: Instagram feed posts 1080x1080, Instagram stories 1080x1920, Twitter/X header 1500x500, LinkedIn banner 1584x396. These dimensions are the recommended upload sizes -- each platform may crop or scale differently depending on the device, but starting from these values gives you the best result.
To resize for any of these targets, open the resizer, type the width and height from the list above, and you are done. If your original image has a different aspect ratio than the target, unlock the aspect ratio and crop first using the Image Cropper tool to avoid stretching.
Distortion happens when you change the aspect ratio of an image -- for example, making a landscape photo square squishes it horizontally, or forcing a portrait image into a wide banner stretches it. The solution is the aspect ratio lock, which is enabled by default in this tool. When locked, changing the width automatically adjusts the height proportionally, and vice versa. This guarantees the image scales uniformly without any squishing or stretching.
If you need a specific aspect ratio that does not match your source image -- like making a landscape photo fit a square Instagram post -- the right approach is to crop first, then resize. Use the Image Cropper tool to select exactly which part of the image you want to keep, trimming it to the correct proportions. Then bring the cropped result into this resizer and scale it to your target dimensions. This way nothing gets stretched or distorted, and you control exactly which part of the image is visible.
For batch work where all images need the same final dimensions, resize each one with the same width and height values. The aspect ratio lock ensures consistent proportions across every image. If your source images have varying aspect ratios and you need them all to be the same size, crop each one to the target ratio first, then resize them all to the exact pixel dimensions you need.