知識 · 圖片與檔案
長寬比是什麼？
簡答
長寬比是影像寬度與高度的比例，以 16:9 或 4:3 這樣的兩個數字表示。它描述的是形狀，不是大小：1920 × 1080 和 1280 × 720 都是 16:9。調整尺寸時若要維持比例，新高度 = 新寬度 × 高度 ÷ 寬度；16:9 寬 1200 像素時，高度就是 675 像素。
開啟寬高比常見長寬比與用途
| 比例 | 小數 | 尺寸範例（px） | 常見用途 |
|---|---|---|---|
| 1:1 | 1.00 | 1080 × 1080 | 正方形社群貼文、大頭貼 |
| 4:5 | 0.80 | 1080 × 1350 | 社群動態的直式貼文 |
| 4:3 | 1.33 | 1600 × 1200 | 手機相機照片、舊式電視、平板 |
| 3:2 | 1.50 | 6000 × 4000 | 單眼與無反光鏡相機照片、4 × 6 相片 |
| 16:9 | 1.78 | 1920 × 1080 | HD 與 4K 影片、螢幕、簡報 |
| 9:16 | 0.56 | 1080 × 1920 | 直式影片、限時動態、短影音 |
| 21:9（行銷用語） | 約 2.37 | 2560 × 1080 | 超寬螢幕 |
| 2.39:1 | 2.39 | 4096 × 1716 | 寬銀幕電影 |
| 1:√2 | 0.71 | 2480 × 3508 | A4 等 ISO 紙張尺寸 |
16:9 經由 ITU-R BT.709 成為 HDTV 標準，該標準定義了 1920 × 1080 和 1280 × 720 的畫面。3:2 則來自 35 mm 底片 36 × 24 mm 的畫格。
如何求出任一圖片的比例
把寬和高同時除以它們的最大公因數（GCD）。
- 取得像素尺寸，例如 1920 × 1080。
- 找出能同時整除兩者的最大數字：120。
- 相除：1920 ÷ 120 = 16、1080 ÷ 120 = 9，所以比例是 16:9。
有些尺寸只是接近某個常見比例。1366 × 768 的筆電螢幕約分後是 683:384，也就是 1.779，卻以 16:9 銷售。2560 × 1080 的「21:9」螢幕實際上剛好是 64:27。比較小數（寬 ÷ 高）通常比比較分數容易。
計算新尺寸而不變形
兩邊乘上相同倍數，就能維持比例。以下兩條公式涵蓋所有情況：
新高度 = 新寬度 × 原高度 ÷ 原寬度新寬度 = 新高度 × 原寬度 ÷ 原高度
範例：一張 4032 × 3024（4:3）的照片縮到 1600 像素寬，高度為 1600 × 3024 ÷ 4032 = 1200 像素。9:16 影片寬 720 像素時，高度為 720 × 16 ÷ 9 = 1280。
結果不是整數時，四捨五入到最接近的像素。影片編碼器通常要求偶數尺寸，所以影片請取最接近的偶數。
改變比例：裁切、補邊或拉伸
要把 4:3 照片變成 16:9 畫面或 1:1 貼文，光靠縮放做不到。有三種選擇：
| 方法 | 結果 | 適用時機 |
|---|---|---|
| 裁切 | 切掉部分畫面 | 大多數照片；讓主體留在畫面內 |
| 補邊（上下黑邊或左右黑邊） | 加上色條或模糊背景 | 不能裁掉任何部分時，例如文件或藝術作品 |
| 拉伸 | 寬高以不同比例縮放 | 幾乎不該用；人臉和圓形會變形 |
把 4000 × 3000 的圖裁成 16:9，會保留完整寬度、把高度裁到 4000 × 9 ÷ 16 = 2250 像素，捨棄 25% 的畫面。同一張圖裁成 1:1 則保留 3000 × 3000。
網頁上的長寬比
CSS 有 aspect-ratio 屬性，例如 aspect-ratio: 16 / 9，可在圖片或影片載入前預留正確空間。設定它，或為圖片加上 width 和 height 屬性，能避免媒體載入時頁面跳動，改善累計版面配置位移（CLS）分數。
常見問題
1920 × 1080 是什麼比例？
16:9。兩個數字都能被 120 整除，得到 16 和 9。
4K 是 16:9 嗎？
消費級 4K UHD 是 3840 × 2160，剛好 16:9。電影 4K（DCI）是 4096 × 2160，約 1.90:1。
手機照片是什麼比例？
多數手機相機預設拍 4:3，例如 4032 × 3024。很多也提供 16:9 和 1:1 模式，是從感光元件影像裁切而來。
改變長寬比會降低畫質嗎？
裁切會移除像素，但不會讓其餘部分變模糊。拉伸會使形狀變形；大幅裁切後再放大，圖片可能看起來不夠銳利。