Skip to content
OmniTools

Social Media Image Resizer

Sixteen placements with the part of your image that survives each crop, plus Open Graph tags and the YouTube size correction.

All image tools

Social media image resizer

This is the same resize engine as the image resizer, with a decision layer on top: which placements your picture can serve, and which part of it survives each one. Tick the placements you need and the exports come out at those exact sizes.

Placements

Every row is answered for the image you picked, not just the passing ones. The surviving-crop box is drawn on your own picture, so you can see what you would be throwing away.

The feed shows a 1:1 post with nothing over it, so nothing is really lost. The margin is for the profile grid, which re-crops to 1:1 and for the row of dots in a carousel. Text near an edge is the part that gets cut when the post is re-cropped.

Source: Instagram Help Centre, posting requirements for feed images · verified 2026-09

The feed shows all 1080 × 1350, but the profile grid shows a 1:1 centre crop, which throws away 135px off the top and 135px off the bottom — exactly 10% each. Anything that has to survive the grid (a wordmark, a price) belongs in the middle square.

Source: Instagram Help Centre; the profile grid's 1:1 centre crop is arithmetic, not a published figure · verified 2026-09

A story is the one placement where the interface is the biggest thing in the frame: the account row and progress bar sit across the top, the reply bar and the share row across the bottom, and the like/comment/share rail down the right. Keep text in the middle band and you cannot be covered by any of it.

Source: Instagram story/reel canvas; the interface insets are measured from the app, not published · verified 2026-09

A photo in the feed is not re-cropped. The same image used as a link preview IS centre-cropped to the card, so the working area is the middle of the frame rather than all of it.

Source: Meta Business Help Centre, recommended link/image dimensions · verified 2026-09

One image, two different crops. On a phone Facebook centre-crops the 820 × 312 to 640 × 360, which is a 1.78 frame, so only the middle ~68% of the width survives (0.16 off each side). On desktop the page's own name and avatar overlay the lower left. The safe zone is the worst case of both, which is why the usable band is narrow.

Source: Meta Business Help Centre, page cover image dimensions for desktop and mobile · verified 2026-09

A single-image post is shown whole. LinkedIn only crops when the same image is reused as a page banner, and 1200 × 627 is 1.91:1 — the same link-card proportion as 1200 × 630, three pixels short.

Source: LinkedIn Help Centre, single image post size · verified 2026-09

A 4:1 banner is far wider than anything that displays it, so it is always cropped. The profile photo sits over the bottom-left corner and the headline text runs across the bottom, which is why the left 30% and the bottom 25% are unusable. Put the logo or the line that has to be read in the right two-thirds, vertically centred.

Source: LinkedIn Help Centre, personal profile cover image size and overlay · verified 2026-09

1128 × 191 is 5.9:1, and it is shown in a band far narrower than that on a phone, so both ends get cut. LinkedIn's own instruction is to keep the logo small and central. The exact phone crop is not published, so this zone is deliberately conservative: the middle 60% of the width and the middle 80% of the height.

Source: LinkedIn Help Centre, company page cover image size · verified 2026-09

X does not re-crop an in-feed image at this ratio — 16:9 is exactly the timeline thumbnail's shape, so a card, a video player and the small preview all show the same frame. The 2% margin is only there for the rounded corners of the card.

Source: X Help Centre, in-stream image recommended size · verified 2026-09

The frame is safe; the overlays are not. The duration pill sits in the bottom-right corner — it needs about 12% of the width — and for a large share of videos a progress bar is drawn across the bottom once playback has started. Nothing that has to be read goes in the bottom-right 10% of the frame.

Worth correcting"1280 × 720 and a 2MB limit" is repeated on almost every page about YouTube thumbnails, and it is out of date. YouTube's own help page now recommends 3840 × 2160 and allows up to 50MB on desktop, with 2MB still applying to mobile. The frame has not changed — only the resolution you may use and the weight you are allowed to use it at.

Source: YouTube Help, custom thumbnail: still 16:9, but the recommended resolution is now 3840 × 2160 with a 2MB minimum and a 50MB maximum · verified 2026-09

The most-cropped placement on this page, and the maths is exact rather than approximate. Each channel row shows the middle 1546 × 423 of the banner, which is 0.198 off each side; the TV/masthead crop is the middle 2560 × 423, which is 0.353 off the top and bottom. A logo has to live in the centre 1546 × 423, which is barely a fifth of the canvas area.

Source: YouTube Help, channel art image: 2560 × 1440 with a 1546 × 423 centre area safe across devices · verified 2026-09

Same 9:16 frame as a story, different furniture. The action rail runs down the right, the caption and channel name sit bottom-left, and the top carries the search and channel row. In the Shorts shelf the video is also shown letterboxed in a 16:9 slot, so anything outside the middle is letterbox-bar on the grid.

Source: YouTube Help, Shorts vertical video requirements · verified 2026-09

A standard 2:3 pin is not re-cropped, which is why 2:3 is the ratio to design in. The margin is for the grid thumbnail, where the bottom of the pin is rounded and the save button overlays on hover. Idea pins and video pins are a different shape again and are not covered by this row.

Source: Pinterest Business Help, pin image size and aspect ratio · verified 2026-09

WhatsApp does not publish a link-image size, so this row borrows the shared preview size its clients already render at. The real constraint is the size of the thumbnail: on a phone it is a small rounded rectangle beside the title, so a headline that reads at 1200px wide reads as a smudge. Anything that has to be understood has to survive being shrunk to about a third.

Source: Not published by WhatsApp; 1200 × 630 is the de-facto link-preview size its clients render · verified 2026-09

One file that every consumer of the meta tags understands. Build the image so nothing important sits within 3% of an edge, because each client centre-crops to its own card and the crops do not agree with one another.

Source: The Open Graph protocol predates every platform's own recommendation, which is why this is still the de-facto shared preview size · verified 2026-09

A 9:16 cover plays under the same interface as the video: caption bottom-left, sound and author row along the bottom, action rail down the right. The profile grid then shows it in a 3:4 cell, so the middle of the frame is the only part that survives both.

Source: TikTok app frame; the 3:4 profile grid cell is a display ratio, not a published crop · verified 2026-09

Link preview tags

Paste this into <head>

The og:* tags are the shared contract. The twitter:* tags are there because X reads its own set first and falls back to og:* only when they are missing.

The export size is the least important number on this page. Every platform re-crops on upload, usually from the centre, so a correct pixel size is not what makes an image work — what matters is what survives that crop, and the safe zone is where the text and the logo have to sit for any of it to be readable. And the folklore figures are still everywhere: a YouTube thumbnail is not capped at 2MB any more, and a 1200 × 630 “social media size” is a convention from before most of these platforms existed rather than anything any of them recommends.

This tool runs entirely in your browser. Nothing you enter is uploaded, stored, or logged.

What this tool does

The export size is the least important number in this whole subject. Every platform re-crops on upload, usually from the centre, and every one of them draws an interface on top, so the question that decides whether an image works is which part of it survives. This tool holds sixteen placements with their safe zones, draws the surviving rectangle over your own picture, and tells you which of them your current image cannot serve at all.

How it works

The platforms scale your source to cover the target frame, exactly as CSS object-fit: cover does, which means the scaled image is at least as large as the frame on both axes and one axis overflows. The safe zone is published as an inset from each edge, as a fraction of the finished frame; dividing that fraction by the cover scale maps it back into your own pixels. What you get is a rectangle in your source image that survives the crop, and the text and the logo have to live inside it.

How much that costs varies enormously, and the worst case is YouTube channel art. A 2560 × 1440 banner is shown as a band far shorter than that, and each channel row keeps only the middle 1546 × 423 of it. That is a fifth of the canvas, so a logo placed in the corner is genuinely never seen. A LinkedIn personal banner is nearly as bad: the profile photo sits over the bottom-left corner, which takes the left 30% and the bottom 25% out of play, and the same image on a phone is cropped again.

The folklore figures are all still everywhere, and two of them are wrong in ways that cost you quality. YouTube thumbnails are not capped at 2MB: the help page now recommends 3840 × 2160 with a 50MB ceiling on desktop, and the old 1280 × 720 at 2MB advice is what pushes people into heavily compressed, soft thumbnails. And 1200 × 630 is not a social media size at all, it is the Open Graph link-preview size, which predates every platform's own recommendation and is still the one number that covers every consumer of the meta tags.

The file-size ceilings are only listed where a platform documents one, which is why most rows have none. An invented limit is worse than a missing one, so where a number could not be pinned to a source it is left off, and every row carries the source it came from and the date it was read. A ceiling that has quietly changed since then is precisely the kind of error that gets a listing rejected for no visible reason.

Worked example

A 1080 × 1920 vertical design is going out as an Instagram Story and a YouTube Shorts cover.

  1. The Story preset insets 13% off the top and 20% off the bottom for the reply bar and share row
  2. On a 1080 × 1920 source that is 250px and 384px, leaving a 950 × 1286 safe rectangle at 65, 250
  3. The 6% side insets cover the action rail, taking 65px off each edge
  4. The same frame as a Shorts needs 15% off the right and 22% off the bottom, which is a different rectangle

The same export can serve both, but only if the text sits inside the tighter of the two rectangles. Outside it, the caption and the channel row cover it on one platform and the progress bar covers it on the other.

Accuracy and limitations

  • Interface insets are measured from the app, not published, so treat them as generous rather than exact. The frames change with A/B tests.
  • Several rules are guidance rather than hard limits, and guidance will not stop an upload. Only a documented ceiling will.
  • Every placement re-crops from the centre. A subject off-centre will move in a way the size check cannot warn you about.

Frequently asked questions

What is the right size for a social media image?
It depends on the placement, and there are sixteen of them here. A 1.91:1 link preview wants 1200 × 630, a Story is 1080 × 1920, a YouTube thumbnail is 16:9 and a Pinterest pin is 2:3. The size is the easy half; the safe zone decides whether the image survives.
What is the safe zone on a social media image?
The part of the frame the platform's own crop and interface do not cover. On a 1080 × 1920 Story that is roughly 950 × 1286 pixels, inset 13% from the top and 20% from the bottom for the account row, reply bar and share rail, and 6% from each side for the action rail.
Why is 1200 × 630 everywhere when no platform recommends it?
Because it is the Open Graph link-preview size, and the Open Graph protocol predates every one of these platforms' own recommendations. It is still the right number for anything that is shared as a link, because one file at that size is understood by every consumer of the meta tags.
What is the correct YouTube thumbnail size?
The frame is still 16:9, but the current recommendation is 3840 × 2160 with a 50MB ceiling on desktop and 2MB on mobile. The old 1280 × 720 at 2MB figure repeated everywhere is out of date, and it is what pushes people into heavily compressed, soft thumbnails.
Why is my LinkedIn banner cut off?
A 1584 × 396 banner is 4:1, far wider than anything that displays it, so it is always cropped, and the profile photo is drawn over the bottom-left corner. That removes the left 30% and the bottom 25% of the frame, so the logo has to go in the right two-thirds, vertically centred.
Can I upload the same image to every platform?
The tool answers that for your specific image: it checks it against all sixteen placements and lists the ones it cannot serve, because a source smaller than a target frame is upscaled and goes soft. Within one export, keeping text inside the tightest safe zone is what makes one file work everywhere.