Aspect Ratio Calculator

About the Aspect Ratio Calculator

Aspect ratio is the proportional relationship between width and height of an image, video, or screen. Get it wrong and your content stretches, crops, or letterboxes. This calculator does three jobs: simplify any width × height into its lowest-terms ratio, resize from any starting dimension to any target while keeping the proportions, and compare against standard ratios used in video, photography, social media, and print.

Edit any field — the others recalculate live. Use the preset buttons to load YouTube 16:9, TikTok 9:16, Instagram 1:1 and 4:5, cinema 2.39:1, ultrawide 21:9, or set a custom ratio.

What aspect ratio should I use for YouTube, TikTok, Instagram, and the other major platforms in 2026?

YouTube long-form: 16:9 (1920×1080 minimum, 3840×2160 for 4K, 7680×4320 for 8K). YouTube Shorts: 9:16 (1080×1920 minimum). TikTok and Instagram Reels: 9:16 (1080×1920). Instagram Feed photo: 1:1 (1080×1080) or 4:5 portrait (1080×1350) which gets the most real estate. Instagram Stories: 9:16 (1080×1920) with safe zones — keep critical text inside the middle 1080×1500 region or it hides behind UI. Facebook Feed: 1.91:1 (1200×630) for link previews; 1:1 or 4:5 for organic posts. Twitter / X images in tweets: 16:9 (1200×675); X video: 1:1, 4:5, or 16:9 all work but 1:1 gets the largest mobile feed display. LinkedIn shared image: 1.91:1 (1200×627); LinkedIn video: 1:1 or 16:9. Pinterest: 2:3 portrait (1000×1500). Twitch streams: 16:9 (1920×1080). Always upload at the platform's recommended pixel dimensions, not just the ratio — platforms compress, and starting at recommended size avoids quality loss.

How do I correctly resize an image without distortion when I need a specific pixel dimension?

Resizing without distortion means keeping the same aspect ratio. Three valid strategies: (1) Letterbox — keep the entire image visible and add black bars on the sides or top/bottom to fill the target. Use for archival, video upload to YouTube from non-16:9 source, and projects that must preserve all content. (2) Crop — fill the entire target and cut off parts of the original. Use for thumbnails, profile pictures, and platform requirements where the aspect ratio is fixed and content can be sacrificed. (3) Pad with content-aware fill — extend the original image into a new ratio using AI or solid background. Use for product shots and ads where you need a specific platform ratio without crop. This calculator gives you the dimensions for option 1 — input the original width and read the matching height; or input the target ratio and a desired width to compute the matching height. For options 2 and 3, you also need image editing software (Photoshop, GIMP, Canva, Figma) to do the actual crop or fill.

Why does my 16:9 video look stretched or squished on certain TVs and monitors?

Because the pixel aspect ratio (PAR) and display aspect ratio (DAR) can disagree. Most modern HD and 4K content uses square pixels (PAR 1:1), so 1920×1080 displays as 16:9 directly. Legacy SD content (DVD, broadcast) often uses non-square pixels (PAR 1.0667:1 for NTSC 720×480 with 16:9 DAR), and players must stretch or compress to show correctly. If your video plays squished, your player or display is treating non-square pixel content as square (or vice versa). Other causes: incorrect MOV/MP4 metadata, anamorphic source flagged wrong, or display set to a forced ratio (some TVs have "Just Scan," "Auto," "4:3," "Wide," "Zoom" — the wrong setting forces a stretch). Fix: use FFmpeg with -aspect 16:9 to re-stamp metadata, or set your TV's picture mode to Just Scan / 1:1 / Dot-by-Dot. This calculator works in pure ratios — you still need encoding metadata to flag your PAR correctly during export.

What's the difference between aspect ratio and resolution, and why does it matter for upload quality?

Resolution is the raw pixel count: 1920×1080 (2.07 megapixels), 3840×2160 (8.29 MP), 7680×4320 (33.18 MP). Aspect ratio is the proportional shape: 1920×1080 and 3840×2160 are both 16:9 with very different pixel densities. The ratio determines if your content fits a target frame; the resolution determines image sharpness and platform encoding behavior. Uploading at 16:9 ratio but only 640×360 resolution to YouTube means YouTube treats it as low-quality and offers fewer playback tiers — viewers on 4K screens see soft, upscaled video. Uploading at correct 16:9 but absurd 7680×4320 resolution forces YouTube to re-encode heavily, and the source-to-output quality may drop more than if you'd uploaded at 4K. Sweet spot: use the platform's recommended resolution at the correct ratio. For YouTube long-form: 1920×1080 minimum, 3840×2160 to unlock 4K playback tier.

How do I read a ratio like 2.39:1 or 1.85:1 when my video editor uses pixel dimensions?

Convert the ratio to a multiplier and apply it to your target width. 2.39:1 means width is 2.39 times height — so for height = 1080, width = 1080 × 2.39 = 2581, but you'd typically standardize to a clean number like 2560×1072 or 2048×858. 1.85:1 → height = width / 1.85 — for 1920 width, height = 1037 (round to 1038 for even). 4:3 → height = width × 3/4. 21:9 ultrawide → height = width × 9/21 ≈ width × 0.4286 → for 2560 width, height ≈ 1080. Cinema-standard frame heights: 720, 1080, 2160 — pick one and let width float. This calculator handles all the math; type the ratio into the Ratio Width and Ratio Height fields and any pixel value into the Width field, and it computes the height. For ratios with decimals (2.39, 1.85, 2.76), use the decimals directly — the calculator accepts non-integer ratio inputs.

Why are vertical 9:16 videos suddenly required everywhere — should I shoot 16:9 or 9:16 first?

The TikTok-driven shift to mobile-first viewing made 9:16 the default attention format. In 2026, 9:16 dominates short-form (Reels, Shorts, TikTok, Snapchat, YouTube Shorts, Facebook Stories) and 16:9 still dominates long-form (YouTube long videos, Twitch, podcasts on YouTube, TV, lectures). Three strategies for creators: (1) Shoot 9:16 native — best engagement on short-form, but your content is awkward on 16:9 platforms (visible black bars or aggressive crop). (2) Shoot 16:9 and crop to 9:16 — flexible, but you lose center subject framing because the crop chops the sides; you must shoot "loose" with subject centered and lots of vertical headroom. (3) Shoot 4K 16:9 with subject in safe-zones for both crops — the modern "social-first" approach: capture 4K wide, crop a 1080×1920 9:16 for short-form and a 1920×1080 16:9 for long-form from the same take. Pro tip: most modern cameras can overlay 9:16 + 16:9 framing guides simultaneously so you compose for both.

What aspect ratios should I use for product photography, e-commerce, and Amazon listings?

Amazon main product images: 1:1 square at minimum 1000×1000, recommended 2000×2000 for zoom. eBay, Etsy, Shopify: 1:1 is safest cross-platform standard; many themes allow 4:5 or 3:4 for portrait-oriented products (jewelry, apparel, art). Lifestyle / hero shots on home pages and category banners: 16:9 or 21:9 wide format with negative space for typography overlay. Google Shopping ads: 1:1 minimum 800×800, supports 4:3. Pinterest product pins: 2:3 portrait (1000×1500). Faceted / catalog grids in e-commerce templates often render best with 4:5 or 3:4 — they show more product surface than 16:9 in a tight grid. Always shoot tighter than your final crop and at higher resolution than your minimum — upload-time downscaling preserves sharpness, but upload-time upscaling never recovers detail. This calculator helps you plan multi-ratio exports from a single high-res master: feed in the master width and try 1:1, 4:5, 2:3, and 16:9 to see what crop windows you need.

How does aspect ratio affect web design, responsive images, and Core Web Vitals?

Aspect ratio is now a primary tool for layout stability in modern web design. The CSS aspect-ratio property (supported in all modern browsers since 2021) lets you reserve space for an image or video before it loads: aspect-ratio: 16 / 9 on a container prevents content shift when the media arrives — a critical signal in Google's Cumulative Layout Shift (CLS) metric, part of Core Web Vitals. For images, always specify width and height attributes (or use the aspect-ratio CSS property) so the browser reserves the correct space; this is required for CLS scores below 0.1. For responsive images served via <picture> or srcset, the rendered aspect ratio should remain the same across breakpoints — switching from 16:9 desktop to 1:1 mobile causes layout churn. For hero videos, use object-fit: cover with a fixed container aspect-ratio so the video fills cleanly without shifting layout. This calculator helps you plan: pick one ratio per content type (16:9 thumbnails, 1:1 avatars, 4:5 product cards) and stick to it across breakpoints — consistent ratios are good for CLS, SEO, and your designers' sanity.