Serving a 4000-pixel-wide image into a 800-pixel-wide slot wastes bandwidth and slows the page down, and the browser has to do the scaling work on every single page load. Resizing to the size you actually display is one of the highest-value things you can do for page speed.
How to use the Image Resizer
- Upload the image you want to resize
- Keep the aspect ratio lock on unless you specifically want to distort the image
- Enter a target width or height, or pick one of the presets
- Download the resized image
Aspect ratio, and why the lock matters
Aspect ratio is the relationship between width and height. Change one without the other and the image stretches — faces get wide, circles become ovals. With the lock enabled, entering a width computes the matching height automatically, so the image stays proportional.
Turn the lock off only when you genuinely want to distort the image, or when you are resizing to an exact canvas size and intend to crop rather than squash.
Common target sizes
- 1200 × 630 — Open Graph / social share previews. This is the size to use for og:image.
- 1080 × 1080 — square social posts.
- 1920 × 1080 — full HD, desktop backgrounds and hero images.
- 800 × 600 — a sensible default for in-article images.
For responsive sites, export the largest size you will ever display at 2× for high-density screens, then let the browser scale down.
Frequently asked questions
Will resizing reduce image quality?
Scaling down is generally safe — you are discarding pixels you were not displaying anyway. Scaling up is not: the browser has to invent pixels that were never captured, so the result looks soft or blocky. Never upscale beyond about 150% of the original.
Does this also reduce the file size?
Yes, substantially. File size scales roughly with pixel count, so halving both dimensions cuts the pixel count to a quarter. For maximum savings, resize first and then run the result through the Image Compressor.
Can I resize several images at once?
This tool handles one image at a time so you can check each result. For batch work where every image needs the same treatment, the Image Compressor processes up to 20 files in one go.
What is the difference between resizing and cropping?
Resizing scales the whole image to new dimensions, keeping all of the content. Cropping cuts away part of the image to change its shape or framing, keeping the remaining pixels at their original size.