Калкулатор односа страна

Aspect ratio calculator for pixels, images and screens

This free aspect ratio calculator keeps width and height in perfect proportion so you can resize anything without stretching or squashing it. Lock a ratio — popular presets like 16:9, 4:3, 3:2, 1:1, 4:5, 9:16 and 21:9 are one click away — then type a new width or height and the other dimension is solved instantly. It works as a pixel aspect ratio calculator for screens and video, and the same math applies when you think in inches or centimetres, making it equally useful as an aspect ratio calculator for print.

Everything runs in your browser. There is no sign-up, no waiting on a server, no limit on how many sizes you check, and no image uploads required — your photos stay on your device. Unlike aspectratiocalculator.com or calculateaspectratio.com which do basic math only, this tool also reads ratios directly from image files you drop onto the page.

How to calculate an aspect ratio

To calculate an aspect ratio, divide the width by the height. A 1920×1080 frame gives 1.777…, which is the decimal form of 16:9. To express it as clean whole numbers, divide both values by their greatest common divisor — 1920 and 1080 share 120, which reduces them to 16:9. This 16:9 aspect ratio calculator does both steps for you: enter any two dimensions and it shows the simplified ratio, the exact decimal and the closest standard ratio name.

Need to resize instead? Lock the ratio, change one side, and read off the matching dimension. This is ideal for scaling a video to a new resolution, fitting a banner to a slot, or matching a design spec without distortion. The live visual preview shows the shape of the ratio as you adjust it, so you can immediately see whether your dimensions are portrait, landscape or square before committing to an export.

Get the aspect ratio from an image

Not sure what proportion a file uses? Drop a photo into the tool — or click to browse, or paste with Ctrl/⌘-V — and it reads the image's real pixel width and height and reports the exact ratio. That makes it a true image aspect ratio calculator and photo aspect ratio calculator: useful for checking a screenshot, confirming an export's dimensions, or working out a crop before you resize in Photoshop, Lightroom, Figma or any other tool. As with everything here, the image never leaves your device — unlike Adobe Express or Canva, no upload happens.

Common aspect ratios: 16:9, 4:3, 3:2, 4:5, 9:16 and more

Different jobs call for different shapes. 16:9 is the widescreen standard for HD and 4K video, monitors and TVs (1920×1080, 1280×720, 3840×2160). 4:3 is the classic standard-definition and presentation shape (640×480, 1024×768). 3:2 is the native ratio of 35 mm photography and most DSLR cameras. 1:1 is the square format for profile pictures and grid feeds. 4:5 (1080×1350) and 9:16 (1080×1920) are the go-to portrait sizes for Instagram, Stories, Reels, TikTok and YouTube Shorts. 21:9 and wider cover ultrawide monitors and cinematic video.

The built-in reference table lists each standard ratio with an example resolution — click any row to load it instantly, then adjust the dimensions to fit your project. Whether you are sizing a thumbnail, a billboard, a social post or a screen export, this aspect ratio calculator online gives you the right numbers in seconds without needing Photoshop, Adobe Express or any design software.

How this compares to other aspect ratio calculators

Most aspect ratio calculators online — including the built-in tools on aspectratiocalculator.com and calculateaspectratio.com — handle basic ratio math but do not read ratios from image files, do not work with print dimensions in inches, and do not offer social media presets in a single interface. Adobe's online image tools require sign-in and cloud uploads. Kapwing's ratio tool is tied to video editing — you have to create a project just to check dimensions. Google's search answer box gives a quick result but has no presets, no image-reading capability and no multi-format support.

This tool combines every feature in one place: ratio solving, image-ratio detection, print dimensions, social media presets, visual preview and custom ratio input — all running privately in your browser, with no account required, no uploads, no watermarks and no daily limits. It works identically on desktop, iPhone and Android without installing any app.

Use on any device — desktop, iPhone, Android, tablet

This aspect ratio calculator works on any modern device with a browser. On desktop, drag and drop images directly onto the tool. On iPhone and Android, tap the upload button to pick a photo from your camera roll and the tool reads its exact pixel dimensions and reports the aspect ratio instantly — no app to install, no account to create. The interface adapts to small screens at 375px and looks equally sharp on tablets, Chromebooks and 4K monitors.

Because every calculation happens locally in your browser with JavaScript and the HTML Canvas API, the tool works even when your internet connection is slow or offline after the initial page load. Whether you are sizing a thumbnail on the go, matching a print specification at a client site, or checking social media dimensions without a laptop, this calculator gives you accurate results in seconds on whatever device you have available.

A history of aspect ratios in cinema and television

The 4:3 ratio — formally called the Academy ratio — dominated visual media for over fifty years. Standardised by the Academy of Motion Picture Arts and Sciences in the 1930s, it was the default shape for cinema screens, then for every CRT television ever manufactured, and then for early computer monitors up through the 1990s. Its near-square shape was so universal that audiences simply called it 'fullscreen'. When widescreen content arrived on DVD in the early 2000s, the letterboxed black bars on 4:3 TVs genuinely confused mainstream consumers who had never encountered a different ratio.

The shift to widescreen was not arbitrary. In 1984, Kerns H. Powers at SMPTE proposed 16:9 as the single future standard for high-definition television, chosen because it is the geometric mean between the then-common 4:3 and the cinematic 2.39:1 — a rectangle that could letterbox or pillarbox either format with roughly equal waste on both sides. That decision proved to be one of the most consequential in display history: every modern HD TV, every computer monitor sold since 2010, every smartphone held landscape, and every YouTube video defaults to 16:9.

For cinema itself, the standard split into two families. 1.85:1 flat widescreen is the most common theatrical format in the United States — a mild widescreen that fits comfortably on most screens. 2.39:1 anamorphic widescreen (sometimes listed as 2.35:1 or 2.40:1 depending on era and print generation) is the ultra-wide CinemaScope format used in major Hollywood productions — Lawrence of Arabia, Star Wars, Blade Runner 2049. On a 16:9 screen, 2.39:1 content requires horizontal black bars that together consume about 26% of the screen height, producing the distinctive 'letterbox' look. Those bars are not a flaw; they are a geometric consequence of packing a cinema-shaped image into a television-shaped rectangle. The 1:1 square ratio occupies the other end of the spectrum — once considered an artistic aberration, it became the defining format of Instagram's feed from 2010 and is now ubiquitous for profile pictures, product tiles and social thumbnails.

The GCD algorithm: how ratios are reduced to their simplest form

Every ratio shown by this calculator is expressed in its canonical reduced form, computed by dividing both width and height by their Greatest Common Divisor (GCD). The GCD is the largest integer that divides both numbers without a remainder. The fastest algorithm for computing it is the Euclidean algorithm, which works by repeatedly replacing the larger number with the remainder of dividing the larger by the smaller, until the remainder is zero — at which point the non-zero value is the GCD. For 1920 and 1080: GCD(1920, 1080) → GCD(1080, 840) → GCD(840, 240) → GCD(240, 120) → GCD(120, 0) = 120. Dividing both dimensions by 120 gives the familiar 16:9.

This is why 1920×1080, 2560×1440, and 3840×2160 all share the same ratio label: their GCDs are 120, 80, and 240 respectively, and each reduces cleanly to 16:9. The GCD approach also exposes ratios that cannot be reduced far — 1280×800 simplifies to 8:5 (also written 16:10), the ratio preferred by many professional laptop displays before 16:9 took over. Ultrawide monitors introduce a second family of ratios: 21:9 covers 2560×1080 (GCD 120 → 64:27, but conventionally marketed as 21:9) and 3440×1440 (GCD 20 → 172:72, again approximated as 21:9), while Samsung's super-ultrawide 32:9 appears in 3840×1080 displays — double the width of a 16:9 panel and the equivalent of two monitors side by side.

When a ratio does not reduce to clean small integers — as with 2.39:1 film or 1.91:1 social media previews — calculators typically present the decimal or approximate the closest named standard. This tool shows both: the mathematically exact reduced ratio and the nearest named format, so you always know whether a pair of pixel dimensions is genuinely standard or a near-miss.

Aspect ratio in CSS: from the padding hack to the aspect-ratio property

Before 2021, responsive web developers maintained aspect ratios through a workaround known as the padding-top hack. Setting padding-top: 56.25% on a container element (because 9 ÷ 16 = 0.5625) causes the browser to compute the padding as a percentage of the element's width, creating a block that is always 56.25% as tall as it is wide — a perfect 16:9 box. The actual content was then placed inside a child element with position: absolute and inset: 0 to fill the padded space. It worked, but it was semantically ugly and required wrapper markup purely to satisfy the layout engine.

The CSS aspect-ratio property — now universally supported across Chrome, Firefox, Safari and Edge — eliminates the hack entirely. Writing aspect-ratio: 16 / 9 on any element, combined with width: 100%, produces a fluid box that holds its shape at any viewport size. The value also accepts a single number: aspect-ratio: 1 makes a perfect square. For images and videos, pairing aspect-ratio with the object-fit property controls how the content fills the box: object-fit: cover crops the content to fill without distortion (the mode used by most social media thumbnails), object-fit: contain letterboxes or pillarboxes it to fit entirely within the bounds, and object-fit: fill stretches it to match the container exactly regardless of distortion.

A less obvious but high-stakes CSS concern is intrinsic aspect ratio and Cumulative Layout Shift (CLS). When a browser encounters an <img> element, it does not know how tall the image is until the file begins downloading — so without guidance it allocates zero height, then reflows the page with a jump when the image arrives. The fix is to add explicit width and height attributes to every <img> tag in HTML. Modern browsers use these attributes to pre-calculate the intrinsic aspect ratio and reserve the correct space in the layout before the image loads, eliminating the reflow entirely. This directly improves Cumulative Layout Shift (CLS), one of Google's Core Web Vitals metrics that affects search ranking. Knowing a source image's exact pixel dimensions — the primary output of this calculator — is the prerequisite for setting those attributes correctly.

Device pixel ratios, social platform specs, and why dimensions matter

Physical screen pixels and CSS pixels are not the same thing. Modern high-density displays have a device pixel ratio (DPR) greater than one, meaning multiple hardware pixels map to each CSS pixel. An iPhone 15 has a physical resolution of 2556×1179 but reports itself to the browser as 393×852 CSS pixels — a DPR of approximately 2.88, often rounded to 3. This matters for image sizing: an image displayed at 400×225 CSS pixels on a 3× display needs to be 1200×675 physical pixels to look sharp. Serving a 400×225 image on that screen produces a visibly blurry result. The correct workflow is to calculate the required CSS dimensions first (this calculator), then multiply by the expected DPR (typically 2× for most modern devices) to determine the actual file resolution to export.

Social media platforms each enforce their own preferred dimensions, and the pixel counts matter more than the ratio label alone. Instagram feed images render best at 1080×1080 (1:1) for square posts, 1080×1350 (4:5) for portrait — the tallest allowed in the main feed, and preferred because it occupies more vertical screen space before the user scrolls past — and 1080×566 (1.91:1) for landscape. Facebook and LinkedIn link-preview cards use 1200×630 (1.91:1). Twitter/X card images are 1600×900 (16:9). YouTube thumbnails are specified at 1280×720 (16:9). LinkedIn portrait posts work at 1200×1500 (4:5). All of these can be verified or derived in seconds using the ratio locking feature in this calculator.

The 4:5 portrait bias on Instagram is worth understanding in detail. Instagram truncates feed images taller than 4:5 — anything shot at 9:16 is cropped to 4:5 in the feed preview and only plays full-height in Stories or Reels. A 1080×1350 image occupies 25% more screen height than a 1:1 square and roughly 139% more height than a 16:9 landscape post, meaning the viewer's eye dwell time before a scroll is substantially longer — which correlates with higher engagement rates in most published studies. Understanding this geometry is not cosmetic; it is the reason content strategists specify 4:5 rather than 1:1 for organic feed content, and why this calculator includes 4:5 as a dedicated preset.