Free image resizer
Resize one image or a whole batch to exact pixels, or pick a preset for blog posts, hero banners, products and social sharing. Choose how each image fits, keep the aspect ratio and download everything as a ZIP. It all runs in your browser, so nothing is uploaded.
How to resize images
- Add up to 100 images by dropping, browsing or pasting them into the box above.
- Choose a preset, or pick Custom size and enter a width, a height or both.
- If you set both, choose how the image fits: fit inside, fill and crop, or pad.
- Pick the output format and, for JPG or padded images, a background colour.
- Download each image or click Download all (ZIP). Changing a setting? Click Apply new settings and the tool re-runs from your originals.
Fit, fill or pad: choosing a resize mode
| Mode | What it does | Good for |
|---|---|---|
| Fit inside | Scales the image to fit within the width and height, keeping its proportions. One side may come out smaller than the box. | Blog images, galleries |
| Fill and crop | Fills the exact size and trims the overflow evenly from the centre. | Thumbnails, social images |
| Pad | Fits the whole image and fills the empty space with your background colour. | Product photos on a white background |
Set only a width (or only a height) and the other side follows automatically. Images smaller than the target are not enlarged unless you tick Allow enlarging, because upscaling adds pixels without adding detail.
Recommended image sizes for websites
| Image | Size | Preset |
|---|---|---|
| Full-width hero | 1920 px wide | Full-width hero |
| Blog or content image | 1200 px wide | Blog image |
| Product image | 1000 × 1000 px | Product |
| Open Graph / social share | 1200 × 630 px | Social share |
| Square social post | 1080 × 1080 px | Square post |
| Thumbnail | 300 × 300 px | Thumbnail |
Serving images far larger than their display size wastes data, hurts mobile visitors most and can slow your Largest Contentful Paint. Also give every image a width and height in your HTML, so the browser reserves space and the layout doesn’t jump. That jump is measured as Cumulative Layout Shift (CLS).
Resizing for WordPress and WooCommerce
- WordPress makes its own sizes. Every upload is copied at thumbnail (150 px), medium (300 px), medium-large (768 px) and large (1024 px), plus 1536 px and 2048 px versions. Uploading a sensibly sized original, around 2000 px on the long side, keeps all of those copies light.
- Your theme decides what is shown. Check your theme’s content width and size blog images to match it.
- WooCommerce product images. By default WooCommerce shows main product images 600 px wide and catalogue thumbnails at 300 px. You can change both under Appearance → Customize → WooCommerce → Product Images.
- Keep product shapes consistent. Mixed aspect ratios make shop grids uneven. The Product preset pads every photo to the same 1000 × 1000 square on a white background.
Image resizer FAQ
Can I resize many images at once?
Yes. Up to 100 images and 500 MB per batch, all resized with the same settings, then downloaded together as a ZIP.
Will resizing reduce quality?
Making an image smaller keeps it sharp: the tool scales in steps for a clean result. JPG and WebP files are saved at the quality you choose (85 by default), and PNG stays lossless.
Can I resize to an exact width and height?
Yes. Enter both and choose Fill and crop or Pad to get exactly that size. Fit inside keeps the proportions, so one side may come out smaller.
Why shouldn’t I upscale small images?
Enlarging can’t recreate detail that isn’t there. The image looks soft and the file gets bigger, which is the opposite of what a fast site needs.
What size should a WordPress featured image be?
It depends on your theme, but 1200 × 630 px is a safe choice because the same image also works when the post is shared on social media. Use the Social share preset.
Related tools
- Image Compressor: shrink the file size of your resized images further.
- Image Converter: switch between JPG, PNG and WebP.
Need a faster store or site?
Correctly sized images are a good start. For the rest of the speed work, see my WooCommerce speed optimization and WordPress speed optimization services, or get in touch.
