Digital Tools · 10 min read
The Complete Guide to Resizing Images The Right Dimensions for Every Platform
Almost every platform online expects images at a specific size, and almost nobody remembers what that size is. Upload the wrong dimensions and a profile photo gets awkwardly cropped, a banner leaves half its message off-screen, or a thumbnail looks stretched and blurry. Resizing an image correctly is a small skill that saves a surprising amount of frustration, and this guide covers exactly how to do it.
Resizing, cropping and compressing are not the same thing
These three words get used interchangeably, but they solve different problems, and mixing them up is one of the most common image mistakes people make.
- Resizing changes the overall pixel dimensions of an image — making it smaller or larger, usually while keeping its proportions the same.
- Cropping cuts away part of the image to change its shape or focus, without necessarily changing the overall detail level of what remains.
- Compressing reduces the file size in bytes without necessarily changing the pixel dimensions at all.
You'll often need more than one of these together — cropping a photo to a square for Instagram, then resizing it to the exact pixel dimensions the platform expects, then compressing it so it uploads quickly. If your main goal is file size rather than dimensions, the Image Compressor is the better starting point; if you need to fit a specific frame or shape, resizing (and often cropping) comes first.
Pixels, aspect ratio and DPI, explained simply
Pixels are the tiny coloured squares that make up a digital image. When a platform says it wants an image "1080 by 1080", it means 1,080 pixels wide and 1,080 pixels tall — the actual dimensions of the image file, regardless of how large or small it appears on any particular screen.
Aspect ratio is the relationship between width and height, usually written like 16:9 or 1:1. Two images can have wildly different pixel counts but the same aspect ratio — a 1000x1000 image and a 500x500 image are both perfect squares (1:1), just at different sizes. Resize an image without respecting its aspect ratio and you get the stretched, squashed look that instantly signals something has gone wrong.
DPI (dots per inch) measures print resolution, not screen resolution — it tells a printer how many dots of ink to place per inch of paper. For anything shown on a screen — a website, an email, a social post — DPI is essentially irrelevant; pixel dimensions are what matter. DPI only becomes important when you're sending an image off to be physically printed, where a low DPI can result in a blurry, pixelated print even though the same file looks fine on screen.
Platform preset sizes you actually need
Every platform has its own preferred dimensions, and they change occasionally as apps redesign their layouts. These are the sizes that cover the vast majority of everyday needs:
| Platform | Use | Recommended size (px) |
|---|---|---|
| Feed post (square) | 1080 x 1080 | |
| Story / Reel | 1080 x 1920 | |
| Feed post | 1200 x 630 | |
| Cover photo | 820 x 312 | |
| Feed image | 1200 x 627 | |
| Standard pin | 1000 x 1500 | |
| TikTok | Video / cover | 1080 x 1920 |
| YouTube | Video thumbnail | 1280 x 720 |
| YouTube | Channel banner | 2560 x 1440 |
| Website | Hero image | 1920 x 1080 |
These figures are a reliable starting point, but platforms do adjust their specifications occasionally, so it's worth a quick check if a particular upload looks off after a recent app update.
How to use the Calcaroo Image Resizer
- 1.Upload the image you want to resize.
- 2.Choose a preset (such as an Instagram post or YouTube thumbnail) or enter custom width and height in pixels.
- 3.Keep "lock aspect ratio" turned on unless you deliberately want to change the image's proportions.
- 4.Preview the result, then download the resized file ready to upload.
Professional tips for resizing images well
- Start from the original, not a previously resized copy — resizing down from a resize introduces unnecessary quality loss compared with going straight from the source file.
- Lock the aspect ratio unless a platform specifically requires a different shape, and crop deliberately if you need to change proportions.
- Resize before you compress, not after — getting the dimensions right first means compression only has to deal with the pixels you'll actually use.
- Check how the image looks on the actual platform, not just in a preview — social platforms sometimes crop images slightly differently across feed, profile and story views.
- Keep a folder of your originals at full size so you can always resize again for a different platform later, rather than resizing a resize.
Getting the size right first is what makes every other step — cropping, compressing, uploading — go smoothly.
Common resizing mistakes
- Stretching instead of cropping. Forcing a rectangular photo into a square by ignoring the aspect ratio distorts faces and objects rather than framing them properly.
- Enlarging small images. Blowing up a small photo to fill a large banner space produces visible blurring — there's no detail to recover that wasn't captured originally.
- Ignoring safe zones. Text or logos placed too close to the edge of a banner or cover photo can be cropped off entirely on some devices; keep important content nearer the centre.
- Resizing after compressing. Doing things in the wrong order can mean compressing pixels you're about to throw away anyway — resize first, then compress.
- Assuming one size fits all platforms. A perfectly sized Instagram square post will be awkwardly cropped as a Facebook cover photo or a YouTube thumbnail — each platform needs its own version.
You'll also like
Once your image is the right shape and size, compressing it keeps file sizes sensible for fast uploads — the Image Compressor pairs naturally with resizing for exactly this reason. And if you're preparing site graphics rather than social images, the Favicon Generator handles the very specific, very small dimensions browser tabs expect.
Frequently asked
- What's the difference between resizing and cropping an image?
- Resizing changes the overall pixel dimensions while usually keeping the same proportions. Cropping cuts away part of the image to change its shape or focus. You often need both — crop to the right shape, then resize to the exact dimensions required.
- Why does my resized image look blurry?
- This almost always happens when enlarging a small image beyond its original pixel dimensions. Resizing up stretches existing pixels rather than adding real detail. Always start from the largest original available and resize down.
- Does DPI matter for images used online?
- No — DPI only matters for print. Screens display images based on pixel dimensions, so a 1080x1080 image will look identical on screen whether it's tagged as 72 DPI or 300 DPI.
- What size should an Instagram post be?
- 1080 x 1080 pixels for a square feed post, or 1080 x 1920 pixels for a Story or Reel. Both are commonly used defaults across current Instagram guidance.
- Can I use the same image for Instagram and a website hero banner?
- You can use the same source photo, but you should resize it separately for each — an Instagram square (1080x1080) and a website hero banner (1920x1080) have very different proportions, so one will need cropping or a different resize to look right.
- Should I resize before or after compressing an image?
- Resize first, then compress. Getting the dimensions right before compressing means the compression step only has to work on the pixels you'll actually use, giving a smaller, cleaner result.
- What happens if I upload the wrong size to a platform?
- Most platforms will automatically crop or scale your image to fit their required dimensions, which can cut off important parts of a photo or stretch it slightly. Resizing correctly beforehand gives you control over exactly what shows.
Continue learning
Keep exploring Digital Tools
Related guides and calculators to carry your learning further.
Related calculators
Free, instant tools from the Calcaroo collection.
Digital Tools
Image Resizer
Resize images to any size or preset.
Use calculatorDigital Tools
Image Compressor
Shrink JPG, PNG and WebP files.
Use calculatorDigital Tools
Favicon Generator
Every favicon size from one logo.
Use calculatorDigital Tools
Word Counter
Count words, sentences and paragraphs.
Use calculatorDigital Tools
Character Counter
Characters with and without spaces.
Use calculatorDigital Tools
Reading Time Calculator
How long your text takes to read.
Use calculatorRelated guides
Digital Tools
The Complete Guide to Everyday Digital Tools 18 Free Online Utilities to Save Time, Work Smarter and Stay Safe Online
Discover all 18 free Calcaroo Digital Tools, learn what each one does, when to use it, and how they can help you save time, work smarter and stay safer online.
Read guideDigital Tools
The Complete Guide to Compressing Images Smaller Files, Faster Websites, Same Great Quality
Learn how image compression actually works, when to use lossy versus lossless formats, and how to shrink your photos without wrecking the quality.
Read guideDigital Tools
The Complete Guide to Comparing Two Documents Spotting Every Change Between Two Versions of Text
How diff checkers work, when to use side-by-side versus inline views, and how to catch every change between two versions of a document, contract or email.
Read guideDigital Tools
The Complete Guide to Building Colour Palettes from Images From Photograph to Brand Palette
How colour palette extraction works, the difference between dominant and accent colours, and how to turn a photograph into a usable, accessible colour palette.
Read guideExplore More Digital Tools Guides
Practical guides for everyday digital tasks — text, files, colour, security and the web.
This guide is general information, not financial advice. Last updated August 2026.