Social Media Image Resizer
Every platform size with the safe zone drawn on, so your logo does not end up in the part that gets cropped away.
Fills the space around a contained image.
Dims what the interface covers or another device crops. Never included in the download.
Drop an image here
or paste a screenshot with Ctrl+V. Nothing is uploaded.
Everything here runs on your device. Nothing you enter is uploaded or stored.
Resizing for social media is trivial arithmetic. The reason it goes wrong is that several platforms take one file and crop it differently depending on what is displaying it, and a resizer that only knows the output dimensions cannot warn you that your logo is in the part nobody sees.
How to use it
- Drop an image onto the panel, press Choose an image, or paste from your clipboard.
- Pick the platform asset you are making.
- Look at what falls outside the dashed boundary — that is the part you cannot rely on.
- Press Download.
The YouTube banner problem
This is the worst offender in common use, and it is worth spelling out because it catches nearly everyone.
You upload one image at 2560×1440. YouTube then shows:
- 2560×1440 on a television
- 2560×423 on a desktop browser
- 1855×423 on a tablet
- 1546×423 on a phone
All four crops are centred, so the only region every viewer sees is the middle 1546×423 — about 17 per cent of the area of the file you uploaded. Channel names, taglines and logos placed towards the edges are invisible to the majority of an audience that is mostly on mobile.
The preview here dims everything outside that band. If your text is in the dimmed area, move it.
Facebook covers, and why the usual advice is wrong
Most size guides list a Facebook cover as 820×312, which is the desktop crop. Mobile shows 640×360 — taller and narrower. A 820×312 image therefore gets its height stretched or padded on mobile, and a 640×360 image is too narrow for desktop.
The asset has to be 820×360 to satisfy both, and only the 640×312 intersection of the two crops is visible everywhere. That is what this preset produces and what the safe zone marks.
Fill or fit
Fill the frame crops your image centrally to the target ratio. It looks native, and it discards pixels — the tool reports how many, because forcing a landscape photograph into a 9:16 story can easily throw away 60 per cent of it along with the subject.
Fit inside scales the whole image to fit and puts a background colour around the remainder. This is the right choice for a logo, a diagram, or anything where cropping loses meaning rather than just scenery.
Stories and the interface overlay
Vertical assets have a different problem: nothing is cropped, but the interface sits on top. On an Instagram story the profile row covers roughly the top 250 pixels and the reply bar the bottom 250. On TikTok the caption runs along the bottom and the action rail up the right-hand side.
The safe bands for these presets account for that overlay, which is why a story that looks perfectly balanced in an editor can have its first line of text hidden behind an avatar.
Upscaling
If your source is smaller than the target, the tool says so and names the dimensions that would avoid it. Enlarging cannot add detail — a 1000px photo stretched to a 2560px banner is soft, and a banner is the largest thing on your channel page. Better to know before publishing.
Everything runs on your own device. Nothing is uploaded, and the exported file contains your artwork without any of the guides.
Questions
Why does my YouTube banner look fine on desktop and cut off on my phone?
Because YouTube takes one 2560x1440 file and crops it four different ways. A TV shows all of it, desktop shows a 2560x423 strip, and a phone shows only the central 1546x423. Anything outside that centre band is invisible to most of your audience. This tool draws the 1546x423 region so you can put your name and logo inside it.
What size should a Facebook cover photo be?
820x360, which is not what most guides say. Facebook shows 820x312 on desktop and 640x360 on mobile, so no single crop covers both — the asset has to be tall enough for mobile and wide enough for desktop, and only the 640x312 intersection is reliably visible everywhere. The preset here is sized for that overlap.
Should I fill the frame or fit inside it?
Fill the frame crops your image to the target ratio, which looks native but throws pixels away — the tool tells you how many. Fit inside keeps everything and puts a background colour around it, which is right for a logo or a graphic where nothing can be lost. For photographs, filling almost always looks better.
Do the safe zone guides end up in my downloaded image?
No. They are drawn on the preview only. When you press download, the tool re-renders without them and exports the clean image, so what you save is the artwork and nothing else.
Last updated