Aspect Ratio Calculator logo
Aspect Ratio
Dedicated Interface: TikTok 9:16 Creator Studio
TikTok Official•9:16

TikTok Aspect Ratio & Video Dimensions Guide

The official aspect ratio for TikTok is 9:16 (vertical). The optimal upload resolution is 1080 × 1920 pixels. Uploading at this exact ratio prevents unsightly black letterboxing and accidental compression blurring by TikTok's transcoding algorithm.

Target Aspect Ratio
9:16
Standard Resolution
1080 × 1920
Orientation
portrait
Decimal Equivalent
0.5625
Dedicated Live Interface

TikTok 9:16 Creator Studio & Scaling Calculator

Pre-loaded with 1080 × 1920 (9:16portrait). Adjust width or height to calculate proportional dimensions.

px
px
Calculated RatioLandscape
16:9
Decimal: 1.7778
Standard Format:16:9 (Widescreen Full HD / 4K)
Greatest Common Divisor (GCD):120
Developer Outputs (CSS • HTML)Show Code
aspect-ratio: 16 / 9;
aspect-video
width="1920" height="1080"
Fluid Container CSS
Live Visual Preview•16:9
16:91920 × 1080Full HD
W: 1920H: 1080
Proportional Visual Canvas

The preview rectangle automatically scales proportionally to simulate true physical and screen viewport orientations, preventing distortion before you export.

Common 9:16 Resolutions & Formats

Exact pixel dimensions matching the 9:16 ratio across varying quality tiers.

Standard / TierDimensions (W × H)QualityPrimary Use Case
Full HD (Standard)1080 × 1920 px1080pOfficial standard for highest quality mobile playback
HD (Lower Bandwidth)720 × 1280 px720pAcceptable fallback for fast exports on low-tier connections
Quad HD (Mastering)1440 × 2560 px2K QHDArchival edit before exporting down to 1080p

Safe Zone & UI Margins

All essential typography, faces, subtitles, and calls-to-action must be placed inside the central 1080 × 1470 px safe area box to prevent UI overlays from blocking them.

Top Margin Clearance:130px (Keep clear of status bar & search icon)
Bottom Margin Clearance:320px (Keep clear of caption, username, audio title, and comment CTA)
Right Rail Clearance:120px (Keep clear of like, comment, bookmark, and share icon stack)
Left Margin Clearance:40px (Comfortable margin)

Recommended Video & Audio Codecs

Export settings to minimize server-side recompression artifacts and preserve crisp details.

Video Codec:H.264 / HEVC (MP4 or MOV container)
Target Bitrate:15 - 20 Mbps (VBR 2-Pass)
Frame Rate:30 fps or 60 fps
Color Space:Rec. 709 (sRGB for standard dynamic range)
Container File:MP4 (fast start / moov atom at beginning of file)

Why 9:16 is Crucial for TikTok Algorithm Success

TikTok is designed strictly as a vertical-first immersive feed. Videos formatted in landscape (16:9) or traditional square (1:1) will display with thick black letterboxing bars on modern 20:9 and 19.5:9 smartphone displays. Viewers swipe away quickly if video content fails to fill the entire vertical screen canvas.

Understanding TikTok Safe Zones & UI Obstructions

Unlike YouTube or traditional cinema where the entire frame is unobstructed, TikTok overlays critical interaction elements right on top of your video layer. On the right rail, the creator avatar, like heart, comment bubble, bookmark star, and share arrow span from the middle to lower-right. Across the bottom, the creator username, caption text, sound marquee, and song title obscure up to 320 pixels. Use our interactive calculator above to check dimensions and preview your content.

Frequently Asked Questions about 9:16

Can I upload 4K video to TikTok?

You can upload 4K (2160×3840) videos, but TikTok will automatically compress and downsample them to 1080×1920 px upon upload. In many cases, TikTok's server compression creates more artifacting than exporting a clean, high-bitrate 1080p file directly from your video editor.

What happens if I upload a horizontal 16:9 video on TikTok?

TikTok will place your 16:9 video in the center of a 9:16 vertical container, adding heavy black borders above and below. This reduces your visual area by over 60%, drastically decreasing average watch time and engagement.

Need to calculate or inspect other aspect ratios?

Visit our universal aspect ratio calculator hub for drag-and-drop media inspection, multi-line batch processing, reverse resolution matching, and instant CSS export.

Go to Main Aspect Ratio Calculator →