Aspect Ratio Calculator

9:16
Current Aspect Ratio
Quick Select
Custom Input
×
:

Editing Dimensions — preview reflects exact width × height; ratio is detected from your input.

CSS
aspect-ratio: 16 / 9;

Smart Ratio Simplifier

×

CSS Code Generator

Production-ready CSS for responsive 9:16 containers:

CSS / HTML
/* Responsive aspect ratio container */
.ratio-box {
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
}

/* With object-fit for images/video */
.ratio-box img,
.ratio-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

Live Visual Preview

16:9 1920 × 1080

Preview animates as you calculate

16:9 aspect ratio Landscape 1920 × 1080
For every 16 units of width, the height is 9 units. The longer side is capped at 1920px, so this ratio resolves to 1920 × 1080 — the conventional Full HD size used across most platform presets.
Why 1920 on the long side? It's the standard Full HD reference width/height used by social, video, and screen presets, which keeps Quick Select results consistent with the Platform & Device Presets below.

Platform & Device Presets

Instagram
Post (Square)
1080 × 1080
Instagram
Portrait Post
1080 × 1350
Instagram
Reel / Story
1080 × 1920
TikTok
Vertical Video
1080 × 1920
Snapchat
Story
1080 × 1920
Facebook / X
Link Preview
1200 × 630
Pinterest
Standard Pin
1000 × 1500
LinkedIn
Banner
1584 × 396
YouTube
Thumbnail (HD)
1280 × 720
YouTube
1080p Video
1920 × 1080
YouTube / Netflix
4K UHD
3840 × 2160
YouTube
Shorts
1080 × 1920
Twitch
Stream
1920 × 1080
Ultrawide
UWFHD
2560 × 1080
Ultrawide
UWQHD
3440 × 1440
Desktop
Full HD
1920 × 1080
Desktop
2K / QHD
2560 × 1440
Desktop
4K UHD
3840 × 2160
iPad
iPad Retina
2048 × 1536
Ultrawide
UWFHD
2560 × 1080
Samsung
Odyssey Neo G9
5120 × 1440
iPhone 14
Screen
390 × 844
DSLR (24MP)
Full-Frame RAW
6000 × 4000
DSLR
6MP Export
3000 × 2000
Print
4×6" @300DPI
1200 × 800
Print
8×12" @300DPI
2400 × 1600
Print
8×10" @300DPI
2400 × 1920
Micro 4/3
MFT Camera
3000 × 2250

Common 9:16 Resolutions

ResolutionCategoryUsage

9:16 Aspect Ratio Calculator — Complete Creator Guide

The 9:16 aspect ratio is the definitive format for vertical video — the dominant way billions of people consume content on mobile devices. TikTok, Instagram Reels, YouTube Shorts, and Snapchat all use 9:16 as their native format. If you create short-form content, this is the most important aspect ratio in your toolkit.

Vertical video was once dismissed as an amateur mistake. Today, 9:16 is the most-watched video format globally by total view time. Smartphones are held vertically 94% of the time, and every major platform — TikTok, Instagram, YouTube, Snapchat, Pinterest — has built a vertical-first content feed. Creators who don't master 9:16 are invisible to the largest and most engaged mobile audiences.

Common Uses

TikTok videos, Instagram Reels, YouTube Shorts, Snapchat Stories, Facebook Stories, Pinterest Idea Pins, mobile-first ads, vertical digital signage.

Supported Platforms

TikTok Instagram Reels YouTube Shorts Snapchat Facebook Stories Pinterest LinkedIn Stories Twitter Fleets

Safe Zone Guide

Safe Zone: TikTok safe zone: keep text/graphics within 1080×1420 px (leave 250px top, 300px bottom clear of UI overlays). Instagram Reels safe zone: 1080×1350 px in center.

Pro Creator Tip

For 9:16 content, shoot at 1080×1920 px or 2160×3840 px (4K vertical). Leave safe zones of 250px top and 300px bottom to avoid UI overlaps on TikTok and Instagram.

CSS Aspect Ratio

CSS
aspect-ratio: 9 / 16;
width: 100%;
height: auto;

Apply this CSS to any element to lock it to the 9:16 ratio. Supported in Chrome 88+, Firefox 89+, Safari 15+, and Edge 88+.

9:16 vs Other Ratios

Best 9:16 Resolutions & Use Cases

Resolution Format Best For Copy
1080×1920 Full HD Vertical TikTok, Reels, Shorts standard Copy
720×1280 HD Vertical Lower bandwidth, Stories Copy
2160×3840 4K Vertical High-quality production Copy
1080×1920 TikTok Optimal TikTok recommended Copy
1080×1920 IG Reels Instagram Reels recommended Copy
1080×1920 YT Shorts YouTube Shorts recommended Copy

How to Use the 9:16 Calculator

Set your canvas to 1080 × 1920 px (9:16)
Keep all critical content in the center safe zone (avoid top 250px and bottom 300px)
Export at H.264 or H.265, 30fps minimum (60fps for action content)
Upload directly from a mobile device or via the platform's web uploader
Looking for horizontal video? The 16:9 calculator covers YouTube, TV, and streaming. For Instagram feed posts, try 4:5 portrait.

Frequently Asked Questions — 9:16

What resolution is 9:16 for TikTok?
TikTok recommends 1080×1920 px at 9:16 ratio. For higher quality, shoot at 2160×3840 (4K vertical). Always ensure your content fits within TikTok's safe zones.
Is 9:16 the same as portrait mode?
Yes. 9:16 is the portrait orientation of the standard 16:9 widescreen ratio — simply rotated 90 degrees. It's optimized for how people naturally hold their phones.
What is the safe zone for TikTok 9:16?
For TikTok, keep key content within the center 1080×1420 px area. The top 250px is covered by the follow button and top bar; the bottom 300px has the caption, audio bar, and action buttons.
Can I convert a 16:9 video to 9:16?
Yes, but you'll need to crop significantly. The best approach is to reframe your shot or use a content-aware crop that follows the subject. If your footage was shot in 16:9, consider adding a blurred background fill to avoid jarring crop cuts.
What fps is best for TikTok?
TikTok supports up to 60fps but displays most content at 30fps. For smooth slow-motion effects, shoot at 60fps or higher. Standard talking-head or tutorial content at 24-30fps is fine.
What is the maximum file size for Instagram Reels?
Instagram Reels supports videos up to 1GB file size and up to 90 seconds duration. Use MP4 format with H.264 codec for best compatibility.

What Is an Aspect Ratio? Complete Guide for Creators in 2026

An aspect ratio is the proportional relationship between the width and height of an image, video, or display. It's expressed as two numbers separated by a colon — for example, 16:9 means the width is 16 units and the height is 9 units. The actual pixel dimensions can vary infinitely, but the proportion stays constant.

Why Aspect Ratios Matter for Content Creators

Choosing the wrong aspect ratio is one of the most common mistakes in digital content creation. Upload a 16:9 video to TikTok and it shrinks into a tiny rectangle surrounded by black bars. Post a 3:2 photo to Instagram expecting a natural crop and you'll be surprised by what gets cut. Understanding aspect ratios lets you shoot, edit, and export content that looks exactly right on every platform — and understanding how to convert between them is what separates amateur and professional output.

Platform Aspect Ratio Quick Reference

PlatformRatioOptimal ResolutionUse Case
YouTube16:91920×1080 / 3840×2160Videos & thumbnails
TikTok9:161080×1920Vertical video
Instagram Reels9:161080×1920Vertical video
Instagram Post1:1 / 4:51080×1080 / 1080×1350Feed posts
DSLR Camera3:2Varies (6000×4000 typical)Photography
iPad4:32048×1536 / 2360×1640Tablets
Ultrawide Monitor21:93440×1440Gaming & design
Super Ultrawide32:95120×1440Samsung Odyssey

How to Calculate Aspect Ratio from Pixels

To find the aspect ratio of any resolution, divide both width and height by their Greatest Common Divisor (GCD). For 1920×1080: the GCD is 120. Divide: 1920÷120=16, 1080÷120=9. Result: 16:9. Our Smart Ratio Simplifier above does this calculation instantly for any resolution you enter.

Aspect Ratio in Responsive Web Design

Modern CSS makes it simple to lock elements to a specific aspect ratio using the aspect-ratio property. This ensures videos, images, and UI containers maintain their proportions at all screen widths. Previously developers used the "padding-top percentage hack," but the CSS aspect-ratio property (supported since 2021 in all major browsers) is the clean, modern approach.

Related Tools on FastSaveMedia

Explore More Tools