Free Aspect Ratio Calculator - Resize, Crop and Social Media Sizes

What Is an Aspect Ratio

An aspect ratio describes the proportional relationship between the width and height of a rectangular shape. It is typically written as two integers separated by a colon, such as 16:9 or 4:3. The first number represents the width proportion and the second represents the height proportion. A 16:9 rectangle is roughly 1.78 times wider than it is tall, regardless of whether the actual dimensions are 1920x1080 pixels or 3840x2160 pixels.

Aspect ratios originated in film and television production, where different shooting formats produced frames with different proportions. The Academy ratio of 1.375:1 defined early cinema, and the 4:3 ratio became the standard for analog television broadcasts. When widescreen televisions emerged, the 16:9 ratio was chosen as a mathematical compromise between 4:3 and the various widescreen cinema formats. It has since become the dominant ratio for digital displays, online video, and broadcast content worldwide.

Understanding aspect ratios is essential for anyone working with images, video, or screen design. Choosing the wrong ratio leads to stretched, squished, or cropped content that looks unprofessional. This calculator simplifies the process by instantly converting pixel dimensions to their simplified ratio, showing a visual preview, and providing reference resolutions for any given ratio.

How to Calculate an Aspect Ratio

The mathematical process for simplifying pixel dimensions to an aspect ratio involves finding the greatest common divisor (GCD) of the width and height, then dividing both values by it. The GCD is the largest integer that divides both numbers evenly. For 1920 and 1080, the GCD is 120. Dividing 1920 by 120 gives 16, and dividing 1080 by 120 gives 9, yielding the ratio 16:9.

The Euclidean algorithm is the standard method for computing the GCD. It works by repeatedly replacing the larger number with the remainder of dividing the larger by the smaller, until the remainder is zero. The last non-zero remainder is the GCD. For example, GCD(1920, 1080): 1920 mod 1080 = 840, then 1080 mod 840 = 240, then 840 mod 240 = 120, then 240 mod 120 = 0. The GCD is 120.

Some dimension pairs produce ratios that look unfamiliar. A 1366x768 display, common among laptops, simplifies to 683:384, which is not a standard named ratio. In practice, it approximates 16:9 but is not exactly 16:9. This calculator shows both the exact simplified ratio and the decimal value so you can identify the closest standard ratio.

Common Aspect Ratios and Their Uses

The 16:9 ratio dominates modern screens. Computer monitors, televisions, smartphones held horizontally, YouTube videos, and streaming content all use this proportion by default. Standard resolutions at 16:9 include 1280x720 (HD), 1920x1080 (Full HD), 2560x1440 (QHD), and 3840x2160 (4K UHD). Its wide frame suits cinematic content, presentations, and general-purpose computing.

The 4:3 ratio was the standard for CRT monitors and analog television. While less common for new content, it remains relevant for legacy media, certain presentation formats (notably older PowerPoint templates), and iPad displays in some contexts. Common 4:3 resolutions include 640x480 (VGA), 800x600 (SVGA), 1024x768 (XGA), and 2048x1536.

The 1:1 square ratio gained prominence through Instagram, which originally enforced square images for its feed. Square images work well for profile pictures, product thumbnails, and social media posts where equal visual weight in both directions is desirable. The standard size for Instagram square posts is 1080x1080.

The 21:9 ultra-wide ratio is used in cinema (approximating the 2.39:1 anamorphic widescreen format) and in ultra-wide gaming monitors. Resolutions like 2560x1080 and 3440x1440 use this ratio. It provides a panoramic field of view that enhances immersion in games and matches the aspect ratio of many theatrical film releases.

The 9:16 vertical ratio is the standard for mobile-first content. Instagram Stories, TikTok, YouTube Shorts, and Snapchat all use 1080x1920 (9:16) as their primary format. As mobile consumption continues to grow, this vertical format has become increasingly important for content creators and marketers.

The 3:2 ratio is the native format of most DSLR and mirrorless cameras, based on the dimensions of 35mm film. Common resolutions include 6000x4000 and 4500x3000. This ratio is also used by some laptop displays, including Microsoft Surface devices, because it provides more vertical space than 16:9 while remaining wider than 4:3.

Aspect Ratios in Social Media

Each social media platform has recommended dimensions for different content types, and using the correct sizes ensures your images display without unwanted cropping or letterboxing. Instagram alone supports multiple ratios: 1:1 for square feed posts (1080x1080), 4:5 for portrait feed posts (1080x1350), 1.91:1 for landscape feed posts (1080x566), and 9:16 for Stories and Reels (1080x1920).

Twitter (X) uses 16:9 for in-stream images (1200x675), though the platform supports other ratios with center-cropping. Facebook recommends 1.91:1 for link previews (1200x630) and 1:1 for general feed posts. YouTube thumbnails use 16:9 at 1280x720. LinkedIn recommends 1.91:1 for shared images (1200x627) and 1:1 for company page logos. These specifications change periodically as platforms update their layouts, but the ratios listed here represent the current standards.

The social media sizes tab in this calculator provides a complete reference of recommended dimensions for each major platform. Clicking any card loads the dimensions into the calculator, showing the ratio, preview, and allowing you to use the lock feature to scale to a different resolution while maintaining the correct proportions.

Resizing Without Distortion

Resizing an image while maintaining its aspect ratio is sometimes called "constrained" or "proportional" resizing. When you change the width, the height must change by the same factor, and vice versa. If a 1920x1080 image needs to fit a 1280-pixel-wide container, the new height is 1280 times (1080/1920) = 720 pixels. Forcing a different height, such as 1280x800, would stretch the image vertically and distort its contents.

The lock ratio feature in this calculator automates this process. Once you have entered dimensions and locked the ratio, changing the width automatically recalculates the height, and changing the height automatically recalculates the width. This is the same behavior found in image editing software when the "constrain proportions" or "link dimensions" option is enabled.

Cropping to a Target Ratio

Cropping changes an image's aspect ratio by removing pixels from one or two edges. When cropping a landscape image to a square format, you remove equal portions from the left and right sides (or choose to crop from one side). When cropping a 4:3 image to 16:9, you remove portions from the top and bottom because the target ratio is wider relative to its height.

The crop calculator determines the largest possible area within the source dimensions that matches the target ratio. For a 4000x3000 source (4:3) cropped to 16:9, the resulting area is 4000x2250. This means 750 pixels are removed from the height (375 from top and bottom if centering the crop). The calculator shows the crop dimensions, the number of pixels removed, the direction of the crop, and a visual representation of the original and cropped areas.

Understanding crop calculations is important for photographers preparing images for multiple platforms, designers creating responsive layouts, and video editors conforming footage shot at one ratio to a delivery format that requires another. Rather than guessing at crop boundaries, this tool provides exact pixel values you can enter directly into your editing software.

Resolution and Pixel Density

Resolution specifies the total number of pixels in each dimension, while aspect ratio describes only the proportional relationship. Two images can share the same aspect ratio but differ vastly in resolution and therefore in detail and file size. A 320x180 thumbnail and a 3840x2160 4K frame are both 16:9, but the 4K image contains 144 times as many pixels.

Pixel density, measured in pixels per inch (PPI) or dots per inch (DPI), adds another dimension to the relationship between resolution and physical display size. A 1920x1080 image displayed on a 24-inch monitor has approximately 92 PPI, while the same resolution on a 5-inch smartphone screen yields roughly 440 PPI. The aspect ratio remains 16:9 in both cases, but the perceived sharpness differs dramatically. When preparing images for print, 300 DPI is the standard minimum, which means a 16:9 image intended for a 10-inch-wide print needs at least 3000x1688 pixels.

Aspect Ratios in Web and App Design

Responsive web design requires awareness of aspect ratios at multiple levels. Hero images, video embeds, card thumbnails, and avatar circles all have expected proportions. The CSS aspect-ratio property, now supported in all major browsers, allows developers to enforce a specific ratio on an element without JavaScript. Setting aspect-ratio: 16/9 on a video container ensures it maintains its shape as the viewport width changes.

Before the aspect-ratio property was widely supported, developers used the "padding-top hack," where a percentage-based padding-top on a container element created a fixed aspect ratio. For 16:9, the padding-top value is (9/16) times 100 = 56.25%. This technique is still seen in many codebases and remains a valid approach for backwards compatibility.

Mobile app developers face similar considerations. Android and iOS devices come in a wide range of screen aspect ratios, from the 4:3 of older iPads to the approximately 19.5:9 of modern iPhones. Designing flexible layouts that adapt to these varying proportions without breaking or leaving dead space is a core challenge of mobile UI development.