Aspect Ratio Calculator Studio
Calculate proportional dimensions based on width and height, simplify ratios via GCD, and find missing dimensions with instant CSS and Tailwind export.
Developer Outputs (CSS • HTML)Show CodeHide Code
aspect-ratio: 16 / 9;aspect-videowidth="1920" height="1080"The preview rectangle automatically scales proportionally to simulate true physical and screen viewport orientations, preventing distortion before you export.
Visual Platform Preset Cards
Don't guess resolutions. Browse real-world aspect ratios with visual thumbnail geometry for TikTok, Instagram Reels, YouTube Shorts, X, LinkedIn, and Pinterest.
Click any preset below to crop your image to that aspect ratio and preview instantly.
TikTok Video / Story
Full vertical mobile experience. Keep text away from right action icons and bottom caption.
Instagram Reel
Full screen vertical format. Displays in feed as 4:5 center crop.
Instagram Story
Standard 24-hour visual story. Leave 250px top/bottom margin for profile handle and reply bar.
Instagram Feed (Portrait)
Maximum feed screen real estate. Yields the highest average engagement for feed posts.
Instagram Feed (Square)
The classic Instagram square. Matches profile grid preview 1-to-1 without cropping.
Instagram Feed (Landscape)
Horizontal cinematic photo post for wide landscapes.
YouTube Shorts
Vertical short-form video on YouTube. Auto-loops and ranks on Shorts feed.
YouTube Video (1080p Full HD)
The global standard for desktop, TV, and horizontal smartphone streaming.
YouTube Thumbnail
Under 2MB file size requirement with 1280x720 minimum crisp resolution.
X Feed Video & Image
Landscape card preview for timelines. Never crops when clicked.
X Portrait Feed Image
Tall timeline card displaying optimal vertical space on iOS & Android apps.
X Profile Header Banner
Panoramic profile banner. Bottom-left obscured by avatar on desktop and mobile.
LinkedIn Shared Link / Image
Optimal dimensions for article link previews and timeline image updates.
LinkedIn Square Post
Clean carousel and single image graphic format for B2B infographics.
LinkedIn Vertical Video
Mobile video feed tab format. Keep captions within center 70% of screen.
Pinterest Standard Pin
Pinterest recommended pin ratio. Maximizes impressions without being truncated in feed.
Pinterest Square Pin
Square pin format, ideal for ecommerce product listings and catalog integration.
16:9 Widescreen (1080p / 4K)
Monitors, HDTVs, modern laptops, presentation slides, web embeds.
4:3 Traditional Screen / iPad
Classic television, vintage cinematography, iPad displays, and medium format cameras.
3:2 Classic 35mm Photography
DSLR and mirrorless sensors (Canon, Nikon, Sony), Microsoft Surface screens, 4x6 prints.
21:9 Ultrawide Cinema (2560x1080)
Ultrawide gaming monitors, theatrical widescreen film releases, and immersive video.
Engineered for Modern Digital & Print Workflows
Legacy calculators force you into fragmented single-purpose tools with cluttered ads. We combined visual geometry, file inspection, social specs, developer code, and print sizing into one fast client-side system.
Two-Way GCD Math Engine
Input dimensions to simplify via Greatest Common Divisor, or enter a target ratio to solve the missing width or height with aspect lock.
100% Client-Side Privacy
Drag & drop image and video files. Zero bytes ever touch a remote server. Everything executes in your local browser sandbox.
Smart Framing & Interactive Pan/Zoom
Choose Fill & Crop, Fit Whole Photo, or Match Ratio. Click and drag to position focal centers, scroll or pinch to zoom up to 300%, and toggle the 3×3 grid.
High-Res Image & Video Export
Export crops at exact target resolution without distortion. Download lossless PNG, compressed JPEG with quality slider, or record WebM video in real time.
Visual Platform Presets
Real miniature aspect ratio silhouettes for TikTok, Instagram Reels, YouTube Shorts, X, LinkedIn, and Pinterest with safe zone data.
Developer Code Snippets
Instant one-click copy of modern CSS aspect-ratio, Tailwind CSS utility classes, and raw HTML width/height attributes.
Batch List Processing
Paste entire lists of resolutions at once. Calculate ratios, decimal values, and export clean CSV tables for batch asset pipelines.
Reverse Resolution Matcher
Enter any resolution to instantly find matching social platforms, video feeds, and cinema standards, with 1-click preset loading.
Physical Print & DPI Sizer
Convert pixel dimensions into inches and centimeters across 72 to 600 DPI to guarantee museum-grade physical prints.
Platform Guides & Dedicated Creator Interfaces
Deep-dive technical articles, safe-zone diagrams, bitrate recommendations, and dedicated standalone studio interfaces pre-configured for each major platform.
TikTok Aspect Ratio & Dimensions Guide (9:16)
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.
Instagram Reel Aspect Ratio & Safe Zones (9:16 vs 4:5)
Instagram Reels use a 9:16 aspect ratio (1080 × 1920 pixels) in the dedicated Reels viewer. However, when viewed in the main profile feed, Instagram crops the preview to 4:5 (1080 × 1350 px), and in the profile grid it renders as 1:1 (1080 × 1080 px).
Instagram Story Aspect Ratio & Resolution (9:16)
Instagram Stories run at a 9:16 aspect ratio with standard dimensions of 1080 × 1920 pixels. Stories support static images (JPG, PNG) and short video clips up to 60 seconds.
YouTube Shorts Aspect Ratio & Size Guide (9:16)
YouTube Shorts require a vertical aspect ratio of 9:16 (1080 × 1920 pixels) or 1:1 (square, 1080 × 1080 pixels) with a duration of up to 3 minutes (180 seconds). The 9:16 format offers the highest viewer retention on mobile apps.
16:9 Aspect Ratio Calculator & Resolution Chart
16:9 (pronounced "sixteen-by-nine" or 1.78:1) is the international standard format for HDTV, Full HD, 4K Ultra HD video, computer monitors, presentation slides, and YouTube landscape video.
9:16 Aspect Ratio Calculator & Vertical Dimensions Chart
9:16 is the exact inverse of 16:9 widescreen. It is the dominant aspect ratio for smartphone content worldwide, powering TikTok, Instagram Stories & Reels, YouTube Shorts, Snapchat, and Facebook Reels.
1920x1080 Aspect Ratio & Scaling Calculator
A resolution of 1920 × 1080 pixels simplifies to an exact 16:9 aspect ratio with a greatest common divisor (GCD) of 120. With 2,073,600 total pixels, it is universally known as 1080p or Full HD.
4:3 Aspect Ratio Calculator & Dimensions Guide
The 4:3 aspect ratio (1.33:1) was the standard for 20th century television, classic cinema (Academy ratio 1.37:1), early computer monitors (VGA, XGA), Micro Four Thirds camera sensors, and modern Apple iPad screens.
3:2 Aspect Ratio Calculator & Photography Guide
The 3:2 aspect ratio (1.5:1) has been the gold standard of still photography since Oskar Barnack invented the 35mm format. It is the native sensor ratio for full-frame and APS-C mirrorless and DSLR cameras from Sony, Canon, Nikon, and Fujifilm.
1:1 Aspect Ratio Calculator & Square Resolution Guide
The 1:1 aspect ratio creates an equilateral square where width equals height. It is widely used for Instagram feed photos, profile avatars, album cover art, e-commerce catalog photography, and carousel ads.
21:9 Aspect Ratio Calculator & Ultrawide Cinema Guide
21:9 (technically ~64:27 or 2.37:1) is the commercial marketing term for ultrawide displays and theatrical anamorphic widescreen cinema (2.39:1). It delivers an immersive, panoramic field of view without letterboxing theatrical movies.
3:4 Aspect Ratio Calculator & Portrait Dimensions
The 3:4 aspect ratio (0.75:1) is the vertical inverse of traditional 4:3. It is widely used in vertical tablet interfaces, digital magazines, Pinterest graphics, and classic portrait photography.
YouTube Aspect Ratio & Video Dimensions Guide
The standard aspect ratio for YouTube on a computer or TV is 16:9 (horizontal). For mobile-first content, YouTube Shorts uses 9:16 vertical video. YouTube's player dynamically adapts to match your upload ratio without distortion.
Instagram Aspect Ratio Guide — Posts, Stories & Reels
Instagram supports multiple aspect ratios across its features: 4:5 (1080×1350 px) for portrait feed posts, 1:1 (1080×1080 px) for classic square posts, 1.91:1 (1080×566 px) for landscape images, and 9:16 (1080×1920 px) for Stories and Reels.
LinkedIn Cover Photo Aspect Ratio & Dimensions Guide
The recommended aspect ratio of a LinkedIn cover photo (background banner) is 4:1, with standard dimensions of 1584 × 396 pixels. Company pages use a 1.91:1 banner (1128 × 191 pixels).
Aspect Ratio of A4 Size Paper & Print Dimensions
The aspect ratio of A4 size paper is 1:√2 (approximately 1:1.4142, or 210 × 297 mm). This unique mathematical ratio, defined by ISO 216, ensures that when folded in half, the sheet retains the exact same aspect ratio as A5, A3, and all A-series sizes.
Aspect Ratio of Passport Size Photo & Print Sizing Guide
The aspect ratio of a US passport size photo is 1:1 (2 × 2 inches or 51 × 51 mm, equaling 600 × 600 px at 300 DPI). UK, Schengen, Indian, and Australian passports use 35 × 45 mm, which has a 7:9 aspect ratio (approx. 413 × 531 px at 300 DPI).
Frequently Asked Questions
How does the ratio calculator calculate proportional dimensions?
Using exact proportional cross-multiplication (Width / Height = TargetWidth / TargetHeight) and Euclidean GCD reduction, the calculator computes clean integer and floating dimensions without distortion.
How do I simplify an aspect ratio from width and height?
Enter your width (e.g. 1920) and height (e.g. 1080). The calculator finds the Greatest Common Divisor (120) and divides both values to yield 16:9 and 1.778 decimal.
Can I copy CSS and Tailwind code directly?
Yes! The Developer Code Outputs section generates standard CSS aspect-ratio properties, legacy padding-top percentage hacks, and Tailwind CSS classes (aspect-video, aspect-square, or arbitrary aspect-[16/9]).
Does this calculator run offline?
Yes. All calculations happen 100% inside your browser using client-side JavaScript. No data or dimensions are sent over the network.