How to Resize an Image to Exact Pixel Dimensions
Resizing sounds trivial — make the picture bigger or smaller — but a few small ideas separate a crisp result from a stretched, blurry mess. Here's how image dimensions actually work and how to get the exact size you need.
Pixels, not inches
On screens, an image's size is measured in pixels: width × height. A 1920×1080 image is 1920 pixels wide and 1080 tall. "DPI" and inches only matter for print; for anything on the web, think purely in pixels.
Keep the aspect ratio (or things stretch)
The aspect ratio is the relationship between width and height. A 4000×3000 photo has a 4:3 ratio. If you set the width to 800 but leave the height at 3000, the image squashes horizontally and everyone looks strange. The fix: change one dimension and let the other scale proportionally. That's why our image resizer locks the ratio by default — enter a width and the height follows automatically.
Downscaling is safe, upscaling is not
Making an image smaller throws away pixels the eye won't miss — it's effectively lossless and usually improves file size dramatically. Making an image larger than its original dimensions forces the software to invent detail that was never captured, so it looks soft and mushy. Rule of thumb: never upscale a photo you plan to present at full quality.
Good target dimensions
- Full-width web hero: 1600–2000px wide is plenty, even on large monitors.
- Blog / in-article image: 1000–1200px wide.
- Thumbnail: 300–400px wide.
- Instagram square: 1080×1080px.
- Instagram portrait: 1080×1350px.
- YouTube thumbnail: 1280×720px.
- Email: keep the widest dimension around 600px.
Resize, then compress
Resizing to sensible dimensions is the single biggest file-size win — a photo displayed at 800px doesn't need to be 4000px wide. After resizing, run the result through the compressor to squeeze out the rest. For the full workflow, see how to reduce image file size and JPEG vs PNG vs WebP.