The crop that ate my speaker
An aspect ratio is just width to height. 16:9 means sixteen units across for every nine down. It sounds too simple to cause problems, and then it causes them constantly. My admission for this post: I once took a nicely framed 16:9 interview video, uploaded it unchanged to a vertical short-form feed, and let the platform auto-crop it. The algorithm kept the center of the frame. The speaker was framed to the left, next to a product on a table. Viewers got the table.
The math of why is brutal and worth internalizing. A 1920 by 1080 landscape video cropped to vertical 9:16 keeps a slice just 607 pixels wide, because 1080 times 9 divided by 16 is 607.5. That slice is under a third of the original width. Nearly seventy percent of every frame is gone. Whatever you framed carefully is now a lottery ticket.
The four ratios that matter, and where each lives
Platform interfaces change their chrome every year, but the underlying geometry has settled. Four ratios cover essentially all social and video work in 2026.
- 16:9 landscape: YouTube proper, presentations, embedded web video, TV. The standard frame is 1920 by 1080.
- 9:16 vertical: TikTok, Instagram Reels, YouTube Shorts, Snapchat, and story formats everywhere. The standard frame is 1080 by 1920.
- 1:1 square: feed posts where you want identical presentation across placements, and profile imagery. Typically 1080 by 1080.
- 4:5 portrait: the tallest ratio most feeds display without cropping, typically 1080 by 1350. It occupies more screen than square in a scrolling feed, which is exactly why it became the feed default for many creators.
The conversion math you actually use
Every ratio problem is one line of arithmetic: lock one dimension, scale the other by the ratio. Need 4:5 at 1080 wide? Height is 1080 divided by 4, times 5, which is 1350. Need 16:9 at 1280 wide? 1280 divided by 16 is 80, times 9 is 720. Need to know what a 9:16 crop keeps from a 16:9 frame? Height stays 1080, width becomes 1080 times 9 over 16, or 607.5, which any sane tool rounds to an even 608.
Two habits prevent most mess. First, do the arithmetic before you shoot or design, not after; an aspect ratio calculator turns the whole exercise into typing two numbers. Second, always crop from the largest master you have and scale down, never up. Going from 1080 by 1350 down to 1080 by 1080 is a clean crop; going up invents pixels that do not exist.
Ratios also reduce, like fractions. 1920:1080 and 1280:720 are both 16:9. 1080:1350 reduces to 4:5. When a platform spec sheet lists pixel dimensions, divide both numbers by their common factor and you will usually find one of the four ratios above hiding in plain sight.
Safe zones: the frame inside the frame
Vertical video platforms lay their interface on top of your content: username and caption along the bottom, action buttons stacked down the right edge, progress indicators up top. Anything you place there is technically visible and practically covered. The exact overlay geometry varies by platform and app version, so treat published safe zone templates as evolving guidance rather than law.
My working rule, labeled as a rule of thumb: keep text, faces, and anything the viewer must read inside roughly the middle 80 percent of the frame vertically, and keep the right edge clear on 9:16 content. When I follow it, reframes across platforms are trivial. When I put a punchline caption in the bottom tenth of the frame, the platform prints a username over it.
Safe zones are also the strongest argument for shooting a touch wider than you think you need. Breathing room around the subject is not wasted space; it is the margin that lets one master survive three different crops.
One master, many frames: a workflow that scales
The single most common social media mistake with imagery is producing one asset and letting each platform crop it by algorithm. The reliable workflow inverts that: create one deliberately framed master, then produce each ratio yourself. Shoot or design with the subject in the center safe region, export the master at the largest size, then cut each variant with a crop image pass and bring each to final dimensions with an image resizer.
For photos this takes minutes. For video it means either framing conservatively so center crops work everywhere, or editing a separate vertical cut where the subject is repositioned. The separate cut always performs better, because a reframed close-up reads as native to the vertical feed rather than as a widescreen refugee.
Format weight matters too once you are exporting four variants of everything; the export settings that keep those files light without visible damage are their own topic, covered in WebP vs JPG vs PNG.
The web has ratios too
Link previews are the aspect ratio problem everyone forgets. When your page is shared in a feed or a chat app, the preview image is typically displayed near 1.91:1, which is why the working standard is 1200 by 630 pixels; 1200 divided by 630 is 1.905. Design that image like a tiny billboard, with the message in the middle and nothing important near the edges, and generate it properly with an OG image generator.
On your own site, the CSS aspect-ratio property, documented at MDN below, lets a layout reserve the correct box before an image or video loads, which kills the layout jump where text shifts as media arrives. One line of CSS, and your embedded 16:9 players and 1:1 thumbnails hold their shape at every screen width. The same geometry that governs your uploads governs your layouts.
The cheat sheet
Everything above compresses to a short list worth pinning.
- Long-form and embedded video: 16:9, master at 1920 by 1080.
- Short-form and stories: 9:16, master at 1080 by 1920, message centered, edges clear.
- Feed images: 4:5 at 1080 by 1350 when you want maximum feed height, 1:1 at 1080 square when one asset must work everywhere.
- Link previews: 1200 by 630, designed like a billboard.
- Always crop and scale down from a large master. Auto-crop is a lottery; framing is a choice.
Questions people ask
You can, and the platform will center-crop it. A 16:9 frame cropped to 9:16 keeps less than a third of its width, so anything framed off-center is lost. If the subject sits dead center with generous margins, auto-crop survives. Otherwise make a vertical cut.
4:5 occupies more vertical screen space in a scrolling feed, which is why it became the practical default for feed imagery. 1:1 wins when the same asset must serve placements that force a square. If you produce one feed asset, 4:5 is usually the stronger choice.
1080 by 1920 is the working standard. Export at exactly those dimensions from a larger master rather than upscaling something smaller; platforms recompress everything, and starting sharp is the only defense you control.
Your image does not match the roughly 1.91:1 box most platforms display, so they crop it to fit. Supplying a purpose-made 1200 by 630 image with the message centered solves it almost everywhere at once.
.jpeg)
