tigtools

長寬比計算機

輸入長寬比和其中一邊的尺寸,即可計算另一邊;或輸入寬度和高度來找出長寬比。

在瀏覽器中執行 免註冊

依比例調整尺寸

常用比例

px
px
aspect-ratio: 16 / 9;

計算尺寸的長寬比

長寬比
16:9
小數
1.7778:1
最接近的常用比例
16:9

使用方式

  1. 若要調整尺寸,請輸入長寬比(例如 16 和 9)或選擇常用比例,再輸入寬度或高度,即可計算另一邊的尺寸。
  2. 若要找出長寬比,請輸入圖片、螢幕或影片的寬度和高度。
  3. 查看預覽;若要用於網頁版面配置,也可以複製 CSS aspect-ratio 規則。

運作方式

等比例調整尺寸時,高度 = 寬度 × 比例的高 ÷ 比例的寬,反向計算亦同。像素尺寸通常是整數,因此結果可能會經過四捨五入;若比例無法整除,例如寬度為 1000 的 16:9 尺寸,四捨五入後的高度(563)會是接近值,而非完全相符。

簡化尺寸比例時,會將兩邊都除以最大公因數:1920 和 1080 的最大公因數是 120,因此可得 16:9。有些實際尺寸無法化簡為常見比例。1366×768 可精確化簡為 683:384,與 16:9 非常接近,因此若差距在 2% 以內,工具也會顯示最接近的常見比例。同樣地,標示為「21:9」的螢幕實際比例是 64:27(2560×1080)或 43:18(3440×1440);21:9 是行銷名稱。

在 CSS 中,aspect-ratio: 16 / 9 可讓元素在寬度改變時維持此比例,適用於影片嵌入和圖片預留位置,避免載入時版面位移。

範例

影片縮圖尺寸

寬度必須為 1280 像素的 16:9 縮圖,高度需為 720 像素。

判斷螢幕比例

2560×1600 可化簡為 8:5,也就是常見於筆電的 16:10。

社群媒體直式裁切

比例為 4:5、寬度為 1080 時,高度為 1350,是許多社群動態消息都接受的直式尺寸。

常見問題

16:9 和 1.78:1 一樣嗎?

是。16 ÷ 9 ≈ 1.778,因此兩者表示相同的形狀。電影格式通常會以小數表示,例如 2.39:1。

為什麼計算結果有小數?

並非所有寬度都能整除長寬比。像素尺寸可開啟四捨五入;結果會取最接近的整數像素,因此可能與精確長寬比有些微差距。

CSS 的 aspect-ratio 屬性在所有地方都能使用嗎?

目前所有主流瀏覽器都支援這項功能。如果元素的寬度和高度也都已明確設定,這兩項設定會優先於 aspect-ratio。

隱私權

所有計算都在瀏覽器中進行,不會傳送或儲存任何資料。