<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Ratio & Resolution]]></title><description><![CDATA[Practical reference articles about the numbers behind digital images: aspect ratios, pixel dimensions, DPI and PPI, resizing, cropping, and what happens when an]]></description><link>https://ratio-and-resolution.hashnode.dev</link><image><url>https://cdn.hashnode.com/res/hashnode/image/upload/v1593680282896/kNC7E8IR4.png</url><title>Ratio &amp; Resolution</title><link>https://ratio-and-resolution.hashnode.dev</link></image><generator>RSS for Node</generator><lastBuildDate>Sun, 11 Oct 2026 12:50:41 GMT</lastBuildDate><atom:link href="https://ratio-and-resolution.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Common Image Dimensions Cheat Sheet (Web, Social, Video, Print)]]></title><description><![CDATA[The short version: web share images are built around 1200×630, phone feeds around 1080-wide portrait, full-screen vertical video at 1080×1920, HD video at 1920×1080, and printed photos at inches × PPI]]></description><link>https://ratio-and-resolution.hashnode.dev/common-image-dimensions</link><guid isPermaLink="true">https://ratio-and-resolution.hashnode.dev/common-image-dimensions</guid><category><![CDATA[Design]]></category><category><![CDATA[webdev]]></category><category><![CDATA[print]]></category><category><![CDATA[Photography]]></category><category><![CDATA[responsive images]]></category><dc:creator><![CDATA[Puneet Kralia]]></dc:creator><pubDate>Fri, 09 Oct 2026 21:03:23 GMT</pubDate><content:encoded><![CDATA[<p>The short version: <strong>web share images are built around 1200×630, phone feeds around 1080-wide portrait, full-screen vertical video at 1080×1920, HD video at 1920×1080, and printed photos at inches × PPI (300 the usual target).</strong> The tables below split what platforms actually publish from what the industry merely repeats, and the print section shows the arithmetic.</p>
<h2>TOC</h2>
<ol>
<li><p><a href="#four-terms-that-get-mixed-up">Four terms that get mixed up</a></p>
</li>
<li><p><a href="#web">Web</a></p>
</li>
<li><p><a href="#social-media">Social media</a></p>
</li>
<li><p><a href="#video">Video</a></p>
</li>
<li><p><a href="#print-pixels-inches-ppi">Print: pixels = inches × PPI</a></p>
</li>
<li><p><a href="#checking-a-file-you-already-have">Checking a file you already have</a></p>
</li>
</ol>
<p>Throughout, each row is labeled:</p>
<ul>
<li><p><strong>[Official]</strong> — published by the platform or standards body itself, checked for this article.</p>
</li>
<li><p><strong>[Convention]</strong> — widely used numbers that no standard publishes. Treat as safe defaults, not requirements.</p>
</li>
<li><p><strong>[Example]</strong> — an illustration of the arithmetic, not a spec.</p>
</li>
</ul>
<h2>Four terms that get mixed up</h2>
<table>
<thead>
<tr>
<th>Term</th>
<th>What it measures</th>
<th>Unit</th>
<th>Example</th>
</tr>
</thead>
<tbody><tr>
<td><strong>Aspect ratio</strong></td>
<td>Shape only: width divided by height</td>
<td>none (or colon form)</td>
<td>1920×1080 → 16:9</td>
</tr>
<tr>
<td><strong>Pixel dimensions</strong></td>
<td>How much detail the file holds</td>
<td>pixels</td>
<td>1920×1080 (2,073,600 pixels)</td>
</tr>
<tr>
<td><strong>PPI</strong></td>
<td>Pixel density of a digital image or display</td>
<td>pixels per inch</td>
<td>a 2400-pixel-wide image shown at 8 in → 300 PPI</td>
</tr>
<tr>
<td><strong>DPI</strong></td>
<td>Ink dots a printer places on paper</td>
<td>dots per inch</td>
<td>printer hardware setting, e.g. 1440×720</td>
</tr>
</tbody></table>
<p>PPI and DPI are not interchangeable. Adobe puts it plainly: DPI measures physical ink dots in print, PPI measures pixels in the digital original — "DPI as the print output, and PPI as the digital input." The U.S. federal digitization guidelines (FADGI) went further in their 2023 edition and replaced "dpi" with "ppi" throughout, to keep the two measures apart. Vendors still label settings "dpi" out of habit: Epson's scan guide gives resolution in dpi while describing the pixels it captures.</p>
<p>One trap follows: a file's pixel count is fixed; the PPI value stored alongside it is only a label for intended print scale. Calling an 800-pixel image "300 dpi" does not add pixels. The real density at any print size is pixels ÷ inches, which is the calculation at the end of this article.</p>
<h2>Web</h2>
<table>
<thead>
<tr>
<th>Use</th>
<th>Dimensions</th>
<th>Ratio</th>
<th>Status</th>
</tr>
</thead>
<tbody><tr>
<td>Share/preview card (<code>og:image</code>)</td>
<td>1200×630</td>
<td>1.905:1</td>
<td><strong>[Convention]</strong> — the Open Graph protocol itself defines only that <code>og:image</code> is a URL, with optional width/height properties; it prescribes no pixel size. 1200×630 is the default because Meta's developer docs call for "at least 1200 x 630 pixels" on link-share images, kept "as close to 1.91:1 as possible".</td>
</tr>
<tr>
<td>LinkedIn link preview in a page post</td>
<td>1200×627</td>
<td>1.91:1</td>
<td><strong>[Official]</strong> — LinkedIn's help center states "Use a 1.91:1 ratio (1200 x 627 pixels)" and notes images under 200 px wide fall back to a thumbnail; other ratios appear in full with white padding on mobile.</td>
</tr>
<tr>
<td>Hero / banner backgrounds</td>
<td>1920×1080 or 2560 wide</td>
<td>16:9 or wider</td>
<td><strong>[Convention]</strong> — sized to cover common laptop viewports; no standard exists.</td>
</tr>
<tr>
<td>Images inside articles</td>
<td>800–1200 wide</td>
<td>any</td>
<td><strong>[Convention]</strong> — match your content column; declare width and height so the page does not jump while loading (CSS <code>aspect-ratio</code> does the same for boxes and embeds).</td>
</tr>
</tbody></table>
<p>Why 1200×630: it clears every consumer's minimum — Meta's own floor for link-share images is 600×315 — and the few pixels of difference between consumers (LinkedIn's 1200×627, Meta's 1.91:1) never show at preview scale. Ship 1200×630 and keep the text in the center band.</p>
<h2>Social media</h2>
<p>Checked against each platform's own help pages on 2026-10-09. Anything the platform does not publish is marked as convention.</p>
<h3>Instagram</h3>
<table>
<thead>
<tr>
<th>Surface</th>
<th>Dimensions / ratio</th>
<th>Status</th>
</tr>
</thead>
<tbody><tr>
<td>Feed photo, kept uncropped</td>
<td>Width 320–1080 px; aspect ratio between 1.91:1 and 3:4 — at 1080 wide, height 566–1440</td>
<td><strong>[Official]</strong> Instagram Help: "we keep that photo at its original resolution as long as the photo's aspect ratio is between 1.91:1 and 3:4 (a width of 1080 pixels with a height between 566 and 1440 pixels)"</td>
</tr>
<tr>
<td>Feed photo, standard portrait export</td>
<td>1080×1350 (4:5)</td>
<td><strong>[Convention]</strong> sits inside the official range; the most circulated portrait size</td>
</tr>
<tr>
<td>Feed photo, tall portrait export</td>
<td>1080×1440 (3:4)</td>
<td><strong>[Official]</strong> exactly the 3:4 upper bound Instagram documents</td>
</tr>
<tr>
<td>Reels</td>
<td>Aspect ratio 1.91:1 to 9:16; minimum 720 px, 30 fps; 1080×1920 is the full-screen case</td>
<td><strong>[Official]</strong> Instagram Help, Reel size &amp; aspect ratios</td>
</tr>
<tr>
<td>Reels cover</td>
<td>420×654 (≈1:1.56)</td>
<td><strong>[Official]</strong> as published on the same help page</td>
</tr>
</tbody></table>
<h3>Facebook</h3>
<table>
<thead>
<tr>
<th>Surface</th>
<th>Dimensions / ratio</th>
<th>Status</th>
</tr>
</thead>
<tbody><tr>
<td>Feed images</td>
<td>"Ratios from 1.91:1 to 9:16 are supported for the Facebook Feed placement, but may be masked to 4:5"; desktop may show 1:1 with black bars</td>
<td><strong>[Official]</strong> Meta Business Help: Design specifications for Collaborative Ads</td>
</tr>
<tr>
<td>Ad placements (Stories and Reels rows)</td>
<td>1.91:1, 16:9, 1:1, 4:5, 2:3, 9:16 — 9:16 carries "Recommended for both images and videos"</td>
<td><strong>[Official]</strong> Meta, "Aspect ratios supported by placements in Meta Ads Manager"</td>
</tr>
</tbody></table>
<h3>X (formerly Twitter)</h3>
<table>
<thead>
<tr>
<th>Surface</th>
<th>Dimensions / limits</th>
<th>Status</th>
</tr>
</thead>
<tbody><tr>
<td>Photos</td>
<td>JPG, PNG, GIF or WEBP; images ≤ 5 MB, animated GIFs ≤ 15 MB</td>
<td><strong>[Official]</strong> X API media best practices</td>
</tr>
<tr>
<td>Video</td>
<td>Recommended 16:9 or 1:1; dimensions between 32×32 and 1280×1024; ≤ 60 fps; ≥ 0.5 s</td>
<td><strong>[Official]</strong> X API media best practices</td>
</tr>
<tr>
<td>Ad images</td>
<td>1.91:1 → 800×418 · 1:1 → 1080×1080 · 16:9 → 1920×1080 · 9:16 → 1080×1920 · 4:5 → 1440×1800 · 2:3 → 1080×1620</td>
<td><strong>[Official]</strong> X Business, creative ad specifications</td>
</tr>
<tr>
<td>Feed display size ("1600×900")</td>
<td>—</td>
<td><strong>[Convention]</strong> third-party guides circulate this; X does not publish it</td>
</tr>
</tbody></table>
<h3>LinkedIn</h3>
<table>
<thead>
<tr>
<th>Surface</th>
<th>Dimensions / ratio</th>
<th>Status</th>
</tr>
</thead>
<tbody><tr>
<td>Image attached to a page post with a URL</td>
<td>1.91:1 (1200×627), wider than 200 px</td>
<td><strong>[Official]</strong> LinkedIn Help, image specifications</td>
</tr>
<tr>
<td>Page logo</td>
<td>400×400 recommended (268×268 minimum)</td>
<td><strong>[Official]</strong> same page</td>
</tr>
<tr>
<td>Page cover image</td>
<td>1512×256</td>
<td><strong>[Official]</strong> same page (PNG or JPEG, max 3 MB for all Page images)</td>
</tr>
<tr>
<td>Feed portrait posts (1080×1350, 1080×1080)</td>
<td>—</td>
<td><strong>[Convention]</strong> LinkedIn publishes no organic feed image sizes; these circulate from tool presets</td>
</tr>
</tbody></table>
<h3>Pinterest</h3>
<table>
<thead>
<tr>
<th>Surface</th>
<th>Dimensions / ratio</th>
<th>Status</th>
</tr>
</thead>
<tbody><tr>
<td>Standard image Pin</td>
<td>2:3 recommended, 1000×1500; pins taller than 2:3 may be cut off in feeds</td>
<td><strong>[Official]</strong> Pinterest ad specs: "We recommend using a 2:3 aspect ratio, or 1000 x 1500 pixels"</td>
</tr>
<tr>
<td>File limits</td>
<td>PNG or JPEG; 20 MB max on web</td>
<td><strong>[Official]</strong> Pinterest Pin specs</td>
</tr>
<tr>
<td>Full-bleed video Pin</td>
<td>9:16 / 1080×1920; also accepts 1:2, 2:3, 3:4, 4:5, 1:1</td>
<td><strong>[Official]</strong> Pinterest Pin specs</td>
</tr>
</tbody></table>
<h3>YouTube</h3>
<table>
<thead>
<tr>
<th>Surface</th>
<th>Dimensions / ratio</th>
<th>Status</th>
</tr>
</thead>
<tbody><tr>
<td>Video thumbnail</td>
<td>3840×2160 recommended, 16:9; minimum width 640 px</td>
<td><strong>[Official]</strong> YouTube Help, current guidance (older guides say 1280×720 — superseded)</td>
</tr>
<tr>
<td>Shorts thumbnail</td>
<td>2160×3840, 9:16; minimum height 640 px</td>
<td><strong>[Official]</strong> same page</td>
</tr>
<tr>
<td>Podcast playlist cover</td>
<td>1:1</td>
<td><strong>[Official]</strong> same page</td>
</tr>
<tr>
<td>Vertical-video note</td>
<td>A 16:9 custom thumbnail on a vertical video is replaced by an auto-generated 4:5 thumbnail on home/explore/subscription surfaces</td>
<td><strong>[Official]</strong> same page</td>
</tr>
</tbody></table>
<h2>Video</h2>
<table>
<thead>
<tr>
<th>Format</th>
<th>Pixels</th>
<th>Aspect ratio</th>
<th>Status</th>
</tr>
</thead>
<tbody><tr>
<td>720p (HD)</td>
<td>1280×720</td>
<td>16:9</td>
<td><strong>[Official]</strong> SMPTE UHDTV wall chart, "Television Resolutions" table</td>
</tr>
<tr>
<td>1080p (Full HD)</td>
<td>1920×1080</td>
<td>16:9</td>
<td><strong>[Official]</strong> ITU-R Rec. 709 common image format: 1920×1080, 2,073,600 pixels</td>
</tr>
<tr>
<td>2160p (4K UHD)</td>
<td>3840×2160</td>
<td>16:9</td>
<td><strong>[Official]</strong> ITU-R BT.2020-2 footnote: "Both 3 840 × 2 160 and 7 680 × 4 320 systems of UHDTV"; SMPTE chart lists 2160p</td>
</tr>
<tr>
<td>4320p (8K UHD)</td>
<td>7680×4320</td>
<td>16:9</td>
<td><strong>[Official]</strong> same ITU note and SMPTE chart</td>
</tr>
<tr>
<td>Full-screen vertical</td>
<td>1080×1920</td>
<td>9:16</td>
<td><strong>[Convention]</strong> the shared export size for Reels, Shorts and Stories; each platform's official minimums are lower (Instagram: 720 px)</td>
</tr>
</tbody></table>
<p>Pixel counts for orientation: 1920×1080 = 2,073,600 (2.07 MP); 3840×2160 = 8,294,400 (8.29 MP); 1080×1920 = 2,073,600 (same pixels as 1080p, turned 90°).</p>
<h2>Print: pixels = inches × PPI</h2>
<p>Print has no fixed pixel size. It has paper sizes and a density you choose. The whole calculation is:</p>
<pre><code class="language-plaintext">pixels on the long side = inches on that side × PPI
</code></pre>
<p>Worked examples at 300 PPI (the standard density for quality photo printing, per Adobe's PPI guide):</p>
<table>
<thead>
<tr>
<th>Paper size</th>
<th>Size in inches</th>
<th>× 300 PPI</th>
<th>Pixels</th>
</tr>
</thead>
<tbody><tr>
<td>4×6 in</td>
<td>4 × 6</td>
<td>4×300, 6×300</td>
<td><strong>1200×1800</strong></td>
</tr>
<tr>
<td>5×7 in</td>
<td>5 × 7</td>
<td>5×300, 7×300</td>
<td><strong>1500×2100</strong></td>
</tr>
<tr>
<td>8×10 in</td>
<td>8 × 10</td>
<td>8×300, 10×300</td>
<td><strong>2400×3000</strong> (7.2 MP)</td>
</tr>
<tr>
<td>US Letter</td>
<td>8.5 × 11</td>
<td>8.5×300, 11×300</td>
<td><strong>2550×3300</strong></td>
</tr>
</tbody></table>
<p>A4 is defined in millimetres, so convert first (25.4 mm = 1 in), then multiply:</p>
<pre><code class="language-plaintext">210 mm ÷ 25.4 = 8.268 in      297 mm ÷ 25.4 = 11.693 in
8.268 × 300 = 2480.3 → 2480    11.693 × 300 = 3507.9 → 3508
</code></pre>
<table>
<thead>
<tr>
<th>Paper size</th>
<th>At 150 PPI (screen/approximate)</th>
<th>At 300 PPI (print quality)</th>
</tr>
</thead>
<tbody><tr>
<td>A4 (210×297 mm)</td>
<td><strong>1240×1754</strong></td>
<td><strong>2480×3508</strong></td>
</tr>
<tr>
<td>US Letter (8.5×11 in)</td>
<td><strong>1275×1650</strong></td>
<td><strong>2550×3300</strong></td>
</tr>
</tbody></table>
<p>Run the arithmetic backwards and PPI becomes a check: a 2400×3000 file placed at 8×10 in is exactly 300 PPI (2400 ÷ 8 = 300). The same file at 16×20 in would be 150 PPI — fewer pixels per inch, visible softness at close range.</p>
<p>How much density is enough? The FADGI technical guidelines for cultural heritage scanning set performance levels at 300 ppi for basic capture and 400 ppi for the top tier, and note that an image captured at 400 ppi renders at true size when displayed or printed at 400 ppi. Epson's scan guidance puts everyday numbers at 96–200 dpi for screen use and 200–300 dpi for print and OCR. For commercial photo printing, 300 PPI is the standard target — a benchmark, not a universal requirement; what actually decides quality is pixels ÷ inches at the size you print. For archival document work, the FADGI top tier runs 400.</p>
<h2>Checking a file you already have</h2>
<ol>
<li><p><strong>Read its pixel dimensions.</strong> File properties on Windows/macOS, or open it in any image viewer: the width × height in pixels is the raw truth.</p>
</li>
<li><p><strong>Get the ratio.</strong> Divide width by height and reduce (1600÷900 = 1.778 → 16:9). The ratio tells you which crop family the file belongs to before any platform touches it.</p>
</li>
<li><p><strong>Compute real PPI for a target print size.</strong> Pixels ÷ inches — but only when the shapes match. A 1200×1800 photo (2:3) on a 4×6 in sheet (also 2:3) is a clean 300 PPI both ways. On an 8×10 in sheet (4:5) the two shapes disagree, so you must choose: <strong>fit</strong> the whole photo inside the frame (6.67×10 in, uniform 180 PPI, side margins); <strong>fill</strong> the frame (scale to 8×12 in, crop 2 in off the height, uniform 150 PPI); or <strong>distort</strong> it to exactly 8×10 — the only case where the two directions disagree (150 across, 180 down), which is what stretching looks like. Scaled correctly, an image has the same density across and down; two different numbers only appear when the shapes are forced to disagree.</p>
</li>
<li><p><strong>Ignore the PPI label when judging sharpness.</strong> It records intended scale, not content. Only the pixel count and the print size together determine what the reader sees.</p>
</li>
</ol>
<h2>Sources</h2>
<table>
<thead>
<tr>
<th>#</th>
<th>Source</th>
<th>URL</th>
<th>Claims it supports</th>
</tr>
</thead>
<tbody><tr>
<td>1</td>
<td>The Open Graph protocol</td>
<td><a href="https://ogp.me/">https://ogp.me/</a></td>
<td><code>og:image</code> is a URL property; protocol defines no image size; <code>og:image:width</code>/<code>height</code> exist</td>
</tr>
<tr>
<td>2</td>
<td>LinkedIn Help: Image specifications for your LinkedIn Pages and Career Pages</td>
<td><a href="https://www.linkedin.com/help/linkedin/answer/a563309">https://www.linkedin.com/help/linkedin/answer/a563309</a></td>
<td>1.91:1 (1200×627) for URL posts; &gt;200 px rule; white-padding behavior; Page logo 400×400, cover 1512×256; PNG/JPEG ≤3 MB</td>
</tr>
<tr>
<td>3</td>
<td>Instagram Help: Image resolution of photos you share</td>
<td><a href="https://help.instagram.com/1631821640426723/">https://help.instagram.com/1631821640426723/</a></td>
<td>Uncropped range 1.91:1–3:4; 1080 wide → height 566–1440</td>
</tr>
<tr>
<td>4</td>
<td>Instagram Help: Reel size &amp; aspect ratios</td>
<td><a href="https://help.instagram.com/1038071743007909">https://help.instagram.com/1038071743007909</a></td>
<td>Reels 1.91:1–9:16, min 720 px/30 fps; cover 420×654</td>
</tr>
<tr>
<td>5</td>
<td>Meta Business Help: Aspect ratios supported by placements in Meta Ads Manager</td>
<td><a href="https://www.facebook.com/business/help/682655495435254">https://www.facebook.com/business/help/682655495435254</a></td>
<td>Column heads 1.91:1, 16:9, 1:1, 4:5, 2:3, 9:16; "Recommended for both images and videos" in the 9:16 column on the Stories and Reels rows</td>
</tr>
<tr>
<td>6</td>
<td>Meta Business Help: Design specifications for Collaborative Ads</td>
<td><a href="https://www.facebook.com/business/help/3629307010514546">https://www.facebook.com/business/help/3629307010514546</a></td>
<td>"Ratios from 1.91:1 to 9:16 are supported for the Facebook Feed placement, but may be masked to 4:5"; desktop may show 1:1 with black bars</td>
</tr>
<tr>
<td>7</td>
<td>X Developer Platform: media best practices</td>
<td><a href="https://docs.x.com/x-api/media/quickstart/best-practices">https://docs.x.com/x-api/media/quickstart/best-practices</a></td>
<td>Image ≤5 MB, GIF ≤15 MB, formats; video 16:9/1:1, 32×32–1280×1024, ≤60 fps</td>
</tr>
<tr>
<td>8</td>
<td>X Business: Creative ad specifications</td>
<td><a href="https://business.x.com/en/help/campaign-setup/creative-ad-specifications">https://business.x.com/en/help/campaign-setup/creative-ad-specifications</a></td>
<td>Ad ratios: 800×418 (1.91:1), 1080×1080, 1920×1080, 1080×1920, 1440×1800, 1080×1620</td>
</tr>
<tr>
<td>9</td>
<td>Pinterest Business: Review ad specs</td>
<td><a href="https://help.pinterest.com/en/business/article/pinterest-product-specs">https://help.pinterest.com/en/business/article/pinterest-product-specs</a></td>
<td>"2:3 aspect ratio, or 1000 x 1500 pixels"; PNG/JPEG; 20 MB web</td>
</tr>
<tr>
<td>10</td>
<td>Pinterest Help: Review Pin specs</td>
<td><a href="https://help.pinterest.com/en/article/review-pin-specs">https://help.pinterest.com/en/article/review-pin-specs</a></td>
<td>Video: 9:16/1080×1920 full-bleed; also 1:2, 2:3, 3:4, 4:5, 1:1</td>
</tr>
<tr>
<td>11</td>
<td>YouTube Help: Add custom thumbnails</td>
<td><a href="https://support.google.com/youtube/answer/72431">https://support.google.com/youtube/answer/72431</a></td>
<td>3840×2160 (16:9) rec, min 640 wide; Shorts 2160×3840; podcast 1:1; 4:5 auto-thumbnail note</td>
</tr>
<tr>
<td>12</td>
<td>ITU-R: Recommendation BT.709</td>
<td><a href="https://www.itu.int/rec/R-REC-BT.709">https://www.itu.int/rec/R-REC-BT.709</a></td>
<td>HDTV standard (16:9)</td>
</tr>
<tr>
<td>13</td>
<td>Wikipedia: Rec. 709 (citing ITU-R BT.709-6)</td>
<td><a href="https://en.wikipedia.org/wiki/ITU-R%5C_BT.709">https://en.wikipedia.org/wiki/ITU-R\_BT.709</a></td>
<td>1920×1080 = 2,073,600 pixels, 16:9</td>
</tr>
<tr>
<td>14</td>
<td>ITU-R: Recommendation BT.2020-2 (PDF)</td>
<td><a href="https://www.itu.int/dms%5C_pubrec/itu-r/rec/bt/R-REC-BT.2020-2-201510-I!!PDF-E.pdf">https://www.itu.int/dms\_pubrec/itu-r/rec/bt/R-REC-BT.2020-2-201510-I!!PDF-E.pdf</a></td>
<td>"Both 3 840 × 2 160 and 7 680 × 4 320 systems of UHDTV"</td>
</tr>
<tr>
<td>15</td>
<td>SMPTE UHDTV wall chart (PDF)</td>
<td><a href="https://www.smpte.org/hubfs/1554%5C_SMPTE%5C_Wallchart%5C_v6.pdf">https://www.smpte.org/hubfs/1554\_SMPTE\_Wallchart\_v6.pdf</a></td>
<td>720p/1080p/2160p/4320p resolution table</td>
</tr>
<tr>
<td>16</td>
<td>Adobe: Pixels per inch (PPI) guide</td>
<td><a href="https://www.adobe.com/uk/creativecloud/photography/discover/pixels-per-inch-ppi-resolution.html">https://www.adobe.com/uk/creativecloud/photography/discover/pixels-per-inch-ppi-resolution.html</a></td>
<td>PPI vs DPI ("print output" vs "digital input"); 300 PPI as print target; 1920×1080 = 1080p</td>
</tr>
<tr>
<td>17</td>
<td>FADGI: Technical Guidelines for Digitizing Cultural Heritage Materials (3rd ed., 2023)</td>
<td><a href="https://www.digitizationguidelines.gov/guidelines/FADGI%20Technical%20Guidelines%20for%20Digitizing%20Cultural%20Heritage%20Materials%5C_3rd%20Edition%5C_05092023.pdf">https://www.digitizationguidelines.gov/guidelines/FADGI%20Technical%20Guidelines%20for%20Digitizing%20Cultural%20Heritage%20Materials\_3rd%20Edition\_05092023.pdf</a></td>
<td>300–400 ppi performance levels; ppi-for-dpi terminology change; 400 ppi true-size rendering</td>
</tr>
<tr>
<td>18</td>
<td>Epson: Scan Resolution Guidelines</td>
<td><a href="https://files.support.epson.com/docid/cpd5/cpd59603/source/scanners/source/scanning%5C_software/concepts/scan%5C_resolution%5C_guidelines%5C_escan2.html">https://files.support.epson.com/docid/cpd5/cpd59603/source/scanners/source/scanning\_software/concepts/scan\_resolution\_guidelines\_escan2.html</a></td>
<td>96–200 dpi for screen, 200–300 dpi for print/OCR</td>
</tr>
<tr>
<td>19</td>
<td>ISO 216:2007</td>
<td><a href="https://www.iso.org/standard/36631.html">https://www.iso.org/standard/36631.html</a></td>
<td>A-series paper sizes (A4 definition context for print section)</td>
</tr>
<tr>
<td>20</td>
<td>MDN: CSS <code>aspect-ratio</code></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio">https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio</a></td>
<td>Reserving space by declared ratio in CSS</td>
</tr>
<tr>
<td>21</td>
<td>Meta for Developers: Images in Link Shares (updated 2026-06-30)</td>
<td><a href="https://developers.facebook.com/docs/sharing/webmasters/images">https://developers.facebook.com/docs/sharing/webmasters/images</a></td>
<td>"at least 1200 x 630 pixels" recommended; 600×315 minimum for large images; 200×200 floor; ≤8 MB; "close to 1.91:1"</td>
</tr>
</tbody></table>
<hr />
]]></content:encoded></item><item><title><![CDATA[Common Aspect Ratios: 16:9, 4:3, 3:2, 1:1, 4:5, 21:9 and What They Are For]]></title><description><![CDATA[An aspect ratio is the shape of an image: width compared to height, written with a colon. A 16:9 video frame is 1.78 times wider than it is tall; a 4:5 portrait photo is narrower than it is tall (0.8)]]></description><link>https://ratio-and-resolution.hashnode.dev/common-aspect-ratios</link><guid isPermaLink="true">https://ratio-and-resolution.hashnode.dev/common-aspect-ratios</guid><category><![CDATA[aspect-ratio]]></category><category><![CDATA[Design]]></category><category><![CDATA[Photography]]></category><category><![CDATA[CSS]]></category><category><![CDATA[webdev]]></category><dc:creator><![CDATA[Puneet Kralia]]></dc:creator><pubDate>Fri, 09 Oct 2026 11:02:11 GMT</pubDate><content:encoded><![CDATA[<p>An aspect ratio is the shape of an image: width compared to height, written with a colon. A 16:9 video frame is 1.78 times wider than it is tall; a 4:5 portrait photo is narrower than it is tall (0.8). The ratio says nothing about size. A 1920×1080 wallpaper and a 3840×2160 video frame are both 16:9 — same shape, different detail.</p>
<p>Here is the catalogue you are probably looking for, followed by where each ratio actually shows up.</p>
<h2>TOC</h2>
<ol>
<li><p><a href="#the-common-ratios-at-a-glance">The common ratios at a glance</a></p>
</li>
<li><p><a href="#169-video-and-modern-screens">16:9 — video and modern screens</a></p>
</li>
<li><p><a href="#43-the-older-screen-shape">4:3 — the older screen shape</a></p>
</li>
<li><p><a href="#32-still-photography">3:2 — still photography</a></p>
</li>
<li><p><a href="#11-the-square">1:1 — the square</a></p>
</li>
<li><p><a href="#45-and-34-portrait-formats">4:5 and 3:4 — portrait formats</a></p>
</li>
<li><p><a href="#916-full-screen-phone-video">9:16 — full-screen phone video</a></p>
</li>
<li><p><a href="#219-and-other-ultrawide-numbers">21:9 and other ultrawide numbers</a></p>
</li>
<li><p><a href="#54-and-75-the-quiet-standards">5:4 and 7:5 — the quiet standards</a></p>
</li>
<li><p><a href="#a-series-paper-the-2-ratio">A-series paper — the √2 ratio</a></p>
</li>
<li><p><a href="#how-to-read-any-ratio-yourself">How to read any ratio yourself</a></p>
</li>
</ol>
<h2>The common ratios at a glance</h2>
<table>
<thead>
<tr>
<th>Ratio</th>
<th>Decimal</th>
<th>Example dimensions</th>
<th>Where you will see it</th>
</tr>
</thead>
<tbody><tr>
<td>16:9</td>
<td>1.778</td>
<td>1920×1080, 3840×2160</td>
<td>HD and 4K video, TVs, laptops, YouTube player</td>
</tr>
<tr>
<td>4:3</td>
<td>1.333</td>
<td>1024×768, 4032×3024</td>
<td>Older monitors, iPads, Four Thirds cameras, iPhone photos</td>
</tr>
<tr>
<td>3:2</td>
<td>1.5</td>
<td>3000×2000, 36×24 mm film</td>
<td>Full-frame and APS-C photos, some 2-in-1 laptops</td>
</tr>
<tr>
<td>1:1</td>
<td>1.0</td>
<td>1080×1080</td>
<td>Profile pictures, square social posts, 6×6 medium-format film</td>
</tr>
<tr>
<td>4:5</td>
<td>0.8</td>
<td>1080×1350</td>
<td>Portrait feed posts, 4×5 large-format film and prints</td>
</tr>
<tr>
<td>3:4</td>
<td>0.75</td>
<td>1080×1440</td>
<td>Tall phone photos; the tallest feed ratio Instagram keeps uncropped</td>
</tr>
<tr>
<td>9:16</td>
<td>0.5625</td>
<td>1080×1920</td>
<td>Full-screen vertical video: Stories, Reels, Shorts, TikTok</td>
</tr>
<tr>
<td>21:9 (nominal)</td>
<td>2.333 exact</td>
<td>2560×1080 (2.370), 3440×1440 (2.389)</td>
<td>Ultrawide monitors; cinema Scope is 2.39:1</td>
</tr>
<tr>
<td>5:4</td>
<td>1.25</td>
<td>1280×1024, 10×8 in</td>
<td>Older LCD monitors, 8×10 prints</td>
</tr>
<tr>
<td>7:5</td>
<td>1.4</td>
<td>1400×1000, 5×7 in landscape</td>
<td>5×7 photo prints turned sideways</td>
</tr>
<tr>
<td>A-series (√2)</td>
<td>1.414</td>
<td>A4: 210×297 mm</td>
<td>ISO paper: A0–A6, office printing worldwide</td>
</tr>
</tbody></table>
<p>Decimals are rounded to three places; each was checked by dividing the example dimensions (1920 ÷ 1080 = 1.7777…, 1080 ÷ 1350 = 0.8, 2560 ÷ 1080 = 2.3704…, and so on).</p>
<h2>16:9 — video and modern screens</h2>
<p>16:9 (1.778) is the frame shape of high-definition television. The ITU's Rec. 709, the standard behind HDTV, fixes the common image format at 1920×1080 pixels — 2,073,600 of them — at exactly 16:9. Its successor for ultra-HD, Rec. 2020, keeps the same shape at 3840×2160 and 7680×4320. Everything downstream inherits it: 720p (1280×720), 1080p, 4K, most TV panels, and a great many laptop screens.</p>
<p>For content, YouTube asks video thumbnails at 16:9 and recommends uploading them at 3840×2160 with a minimum width of 640 pixels. X's video specifications list 16:9 (and 1:1) as the recommended aspect ratios for uploads. When a platform "supports many ratios" it still tends to <em>display</em> 16:9 in its classic embeds and players.</p>
<h2>4:3 — the older screen shape</h2>
<p>4:3 (1.333) was the ratio of CRT televisions and the first generation of flat panels, and it survives in a few places with strong opinions behind them. Computer monitors of the era — VGA, SVGA, XGA — were all 4:3, so the first digital cameras matched them: most point-and-shoot cameras shoot 4:3, the Four Thirds and Micro Four Thirds systems are built around it, and Apple's iPad line kept the shape until the 11-inch iPad Pro moved to 1.43:1 in 2018. Silent-era 35 mm film was shot at 4:3 too, and Apple's iPhone camera guide still lists 4:3 alongside 16:9 and 1:1. A 4032×3024 photo checks out the same way: 4032 ÷ 3024 = 1.3333.</p>
<p>If an old photograph scans at 1024×768, that is 4:3. Print sizes are their own system: a 4×6-inch print is 3:2 (6 ÷ 4 = 1.5), so 35 mm and DSLR photos fill it exactly, while a 4:3 photo is cropped slightly top and bottom.</p>
<h2>3:2 — still photography</h2>
<p>3:2 (1.5) comes from 35 mm film: a 36×24 mm frame, which is 36 ÷ 24 = 1.5 exactly. Full-frame and APS-C digital sensors kept the family proportion, so a typical DSLR file of 3000×2000 pixels is 3:2. A handful of 2-in-1 laptops (Microsoft's Surface line among them) chose 3:2 for document work: taller screens fit more of a page.</p>
<p>3:2 and 4:3 are close enough that crops between them look mild, which is why photos "just get a little cut" in frames and feeds rather than failing to load.</p>
<h2>1:1 — the square</h2>
<p>1:1 is the neutral shape. Medium-format photographers used 6×6 cameras for it, platforms adopted it because it tiles well in grids, and profile pictures almost universally render square (they are then shown in a circle, which is a mask, not a different ratio). A 1080×1080 file has an aspect ratio of exactly 1:1 — width equals height, so 1080 ÷ 1080 = 1.</p>
<p>Instagram was built on it before adding taller formats; the square remains the one size every platform displays without negotiation.</p>
<h2>4:5 and 3:4 — portrait formats</h2>
<p>4:5 (0.8) is the standard portrait feed shape. Instagram's help documentation says feed photos keep their original resolution when their aspect ratio is between 1.91:1 and 3:4, and it spells the bound out in pixels: at a width of 1080, the height can be anything from 566 to 1440. So 1080×1350 (4:5) sits comfortably inside that range, and 1080×1440 (3:4, 0.75) is the tallest crop it preserves. Taller files get cropped.</p>
<p>Meta publishes a placement table showing which ratios each Facebook and Instagram ad placement accepts — 1.91:1, 16:9, 1:1, 4:5, 2:3 and 9:16 are the recurring column heads, with 9:16 marked "recommended for both images and videos" on the Stories and Reels rows. Portrait feed images exist because a phone is held upright: a 4:5 image occupies more of the screen than a 1:1 one.</p>
<p>On the film side, 4×5 large-format sheets give the ratio its other name; print it portrait and you have 4:5 (0.8), the same shape as the social feed portrait.</p>
<h2>9:16 — full-screen phone video</h2>
<p>9:16 (0.5625) is 16:9 stood on its end: 1080×1920, the resolution of full-screen vertical video. Instagram states that Reels accept aspect ratios from 1.91:1 up to 9:16, with a minimum resolution of 720 pixels and 30 fps. YouTube recommends 9:16 for Shorts thumbnails (2160×3840, minimum height 640 pixels). Pinterest recommends 9:16 or 1080×1920 for full-bleed video Pins.</p>
<p>Nothing here is universal — platforms also accept wider uploads and crop them — but 9:16 is the ratio designed <em>for</em> the phone held upright, and every vertical-video surface is built around it.</p>
<h2>21:9 and other ultrawide numbers</h2>
<p>"21:9" is a marketing name rather than a precise ratio. Written honestly, 21:9 = 7:3 = 2.333. The ultrawide monitors sold as 21:9 are usually something else: 2560×1080 is 64:27 (2.370) and 3440×1440 is 43:18 (2.389). Cinema's "Scope" convention is 2.39:1, which those panels approximate closely; the digital-cinema flat format is 1.85:1.</p>
<p>Use the label for the category (very wide screens, cinematic letterboxing), and the decimal for the math. If a spec sheet says 21:9, check the pixel dimensions before you compute a crop.</p>
<h2>5:4 and 7:5 — the quiet standards</h2>
<p>5:4 (1.25) shaped the SXGA era: 1280×1024 was the standard high-resolution LCD mode for years, and 5:4 is the shape of the 8×10-inch print (10 ÷ 8 = 1.25). 7:5 (1.4) is what you get from a 5×7 inch print held landscape: 7 inches wide, 5 inches tall (7 ÷ 5 = 1.4). Neither is fashionable, both still appear in frame shops, scanner presets and inherited monitor resolutions.</p>
<h2>A-series paper — the √2 ratio</h2>
<p>ISO 216 defines the A series: A0 down to A6, each size half the area of the next larger one. The trick is that halving preserves the shape, which requires a width:height ratio of √2 (about 1.414). A4 is 210×297 mm; 297 ÷ 210 = 1.4143, the ideal √2 = 1.4142 rounded to whole millimetres. Fold an A4 page in half and you get A5 with the same proportions — that is the property the ratio buys you.</p>
<p>The B series, also defined in ISO 216, follows the same logic. If you have ever wondered why an A4 page scaled up to A3 "just fits", the ratio is the reason: A3 is A4 with every dimension multiplied by √2 (210 × 1.414 ≈ 297).</p>
<h2>How to read any ratio yourself</h2>
<p>Two moves cover almost everything:</p>
<ol>
<li><p><strong>Get the decimal.</strong> Divide width by height. 1920 ÷ 1080 = 1.778 → 16:9 territory. 1080 ÷ 1350 = 0.8 → exactly 4:5.</p>
</li>
<li><p><strong>Reduce the pair like a fraction.</strong> Divide both numbers by their greatest common divisor: 1920 and 1080 share 120, giving 16 and 9.</p>
</li>
</ol>
<p>Sanity check: a decimal above 1 is landscape (width-led), below 1 is portrait (height-led), exactly 1 is square.</p>
<h2>Sources</h2>
<table>
<thead>
<tr>
<th>#</th>
<th>Source</th>
<th>URL</th>
<th>Claims it supports</th>
</tr>
</thead>
<tbody><tr>
<td>1</td>
<td>MDN: CSS <code>aspect-ratio</code></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio">https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio</a></td>
<td>Ratio as a width-to-height relationship used by browsers</td>
</tr>
<tr>
<td>2</td>
<td>Wikipedia: Aspect ratio (image)</td>
<td><a href="https://en.wikipedia.org/wiki/Aspect%5C_ratio%5C_(image)">https://en.wikipedia.org/wiki/Aspect\_ratio\_(image)</a></td>
<td>Catalogue of photographic, display and cinema ratios; 4:3 monitor/​camera/​silent-film history; iPad 4:3; 4×6 print = 3:2; 8×10 = 5:4; Surface 3:2; 2.39:1 Scope, 1.85:1 flat; 64:27 and 43:18 ultrawide; Instagram 1:1-only until Aug 2015</td>
</tr>
<tr>
<td>3</td>
<td>ITU-R: Recommendation BT.709 (Rec. 709)</td>
<td><a href="https://www.itu.int/rec/R-REC-BT.709">https://www.itu.int/rec/R-REC-BT.709</a></td>
<td>16:9 HDTV standard</td>
</tr>
<tr>
<td>4</td>
<td>Wikipedia: Rec. 709 (citing ITU-R BT.709-6)</td>
<td><a href="https://en.wikipedia.org/wiki/ITU-R%5C_BT.709">https://en.wikipedia.org/wiki/ITU-R\_BT.709</a></td>
<td>1920×1080 = 2,073,600 pixels, 16:9</td>
</tr>
<tr>
<td>5</td>
<td>ITU-R: Recommendation BT.2020-2 (PDF)</td>
<td><a href="https://www.itu.int/dms%5C_pubrec/itu-r/rec/bt/R-REC-BT.2020-2-201510-I!!PDF-E.pdf">https://www.itu.int/dms\_pubrec/itu-r/rec/bt/R-REC-BT.2020-2-201510-I!!PDF-E.pdf</a></td>
<td>UHDTV at 3840×2160 and 7680×4320</td>
</tr>
<tr>
<td>6</td>
<td>SMPTE UHDTV wall chart (PDF)</td>
<td><a href="https://www.smpte.org/hubfs/1554%5C_SMPTE%5C_Wallchart%5C_v6.pdf">https://www.smpte.org/hubfs/1554\_SMPTE\_Wallchart\_v6.pdf</a></td>
<td>720p 1280×720, 1080p 1920×1080, 2160p 3840×2160, 4320p 7680×4320</td>
</tr>
<tr>
<td>7</td>
<td>ISO 216:2007</td>
<td><a href="https://www.iso.org/standard/36631.html">https://www.iso.org/standard/36631.html</a></td>
<td>A and B series trimmed paper sizes</td>
</tr>
<tr>
<td>8</td>
<td>Instagram Help: Image resolution of photos you share</td>
<td><a href="https://help.instagram.com/1631821640426723/">https://help.instagram.com/1631821640426723/</a></td>
<td>Feed photos kept at original resolution from 1.91:1 to 3:4; at 1080 wide, height 566–1440</td>
</tr>
<tr>
<td>9</td>
<td>Instagram Help: Reel size &amp; aspect ratios</td>
<td><a href="https://help.instagram.com/1038071743007909">https://help.instagram.com/1038071743007909</a></td>
<td>Reels accept 1.91:1–9:16, minimum 720 px, 30 fps</td>
</tr>
<tr>
<td>10</td>
<td>Meta Business Help: Aspect ratios supported by placements in Meta Ads Manager</td>
<td><a href="https://www.facebook.com/business/help/682655495435254">https://www.facebook.com/business/help/682655495435254</a></td>
<td>Placement table: 1.91:1, 16:9, 1:1, 4:5, 2:3, 9:16; "Recommended for both images and videos" for Stories/Reels rows</td>
</tr>
<tr>
<td>11</td>
<td>YouTube Help: Add custom thumbnails</td>
<td><a href="https://support.google.com/youtube/answer/72431">https://support.google.com/youtube/answer/72431</a></td>
<td>16:9 for video thumbnails, 3840×2160 recommended, min width 640; 9:16 for Shorts (2160×3840)</td>
</tr>
<tr>
<td>12</td>
<td>X Developer Platform: media best practices</td>
<td><a href="https://docs.x.com/x-api/media/quickstart/best-practices">https://docs.x.com/x-api/media/quickstart/best-practices</a></td>
<td>Video: 16:9 or 1:1 recommended</td>
</tr>
<tr>
<td>13</td>
<td>Pinterest Help: Review Pin specs</td>
<td><a href="https://help.pinterest.com/en/article/review-pin-specs">https://help.pinterest.com/en/article/review-pin-specs</a></td>
<td>Full-bleed video 9:16 / 1080×1920; other options 1:2, 2:3, 3:4, 4:5, 1:1</td>
</tr>
<tr>
<td>14</td>
<td>Apple Support: Use iPhone camera tools</td>
<td><a href="https://support.apple.com/guide/iphone/use-camera-tools-iph3dc593597/ios">https://support.apple.com/guide/iphone/use-camera-tools-iph3dc593597/ios</a></td>
<td>iPhone camera offers 1:1, 4:3 and 16:9 aspect ratios</td>
</tr>
</tbody></table>
]]></content:encoded></item></channel></rss>