# 長寬比計算器

> 免費長寬比計算器。將任意寬×高轉換為比例，求缺失尺寸，並查看 Instagram、TikTok、YouTube 等最新社群媒體圖片大小。

- **Category:** 計算機
- **URL:** https://www.teafun.cyou/tools/aspect-ratio/
- **Privacy:** Runs entirely in your browser — no uploads, no account, no tracking.
- **Also known as:** resize ratio, image ratio, width height ratio
- **Related tools:** [螢幕刷新率](https://www.teafun.cyou/tools/monitor/), [平面配置工具](https://www.teafun.cyou/tools/floor-plan/), [發票產生器](https://www.teafun.cyou/tools/invoice-generator/)
- **Tags:** Display, Design, Layout

## About

即時計算長寬比。轉換尺寸、求缺失邊長，並查看 2025/2026 最新社群媒體圖片尺寸。

## 如何使用長寬比計算器

開啟 **Calculator** 分頁。輸入寬度和高度（單位：像素）— 簡化比例即時出現，並顯示 GCD。要求解缺失的邊：輸入目標比例（例如 `16:9` 或 `1.78`）和一個維度；另一個通過交叉相乘計算。視覺預覽以選定的比例呈現縮放矩形，讓你在匯出前進行完整檢查。切換至 **Social Media Sizes** 分頁，一鍵複製目前平台尺寸（自動針對各平台規格頁面更新）。**CSS Snippet** 分頁生成 `aspect-ratio` CSS 屬性聲明加上 `object-fit` 和 `object-position` 後向相容語法 — 直接貼入你的樣式表。右側 **Image fit** 對比器並排顯示 `cover`（填滿框、裁剪溢出）、`contain`（黑邊內縮）、`fill`（拉伸填滿、變形）、`scale-down`（contain 或 none 取小）和 `none`（不調整）在範例圖片上 — 當圖片和容器比例不符時很好用。

## 為什麼長寬比對每個螢幕都重要

長寬比不匹配導致兩個最常見的 Core Web Vitals 失敗：當圖片載入比例與預留位置預測不同時出現的累積版面配置偏移 (CLS)，以及英雄圖片必須在繪製中途重新排版時的最大內容繪製 (LCP)。修復方法是 `aspect-ratio` CSS 屬性（或 `<img>` 上的 width/height 屬性）讓瀏覽器在圖片位元組抵達前保留正確的空間。社群媒體方面，Instagram 在動態消息中裁剪任何非 4:5 或 1:1 的內容；TikTok 在推薦頁面裁剪任何非 9:16 的內容；YouTube Shorts 要求 1080x1920 到 720x1280 之間的 9:16 — 上傳 16:9 檔案會被邊框處理、降低 30-40% 的互動率，對比原生比例上傳（根據 Meta 和 TikTok 2024 創作者成功報告）。印刷也很嚴格：3:2 照片印到 4:6 相框會因溢血失去 8% 影像，除非你預先裁剪。計算器的工作是在你花一小時修復之前發現不匹配。

_SEO title: 長寬比計算器 – 尺寸與社群媒體圖片大小 2026 | TeaFun_

## FAQ

### 什麼是長寬比？

長寬比是寬度與高度的比例關係，以 W:H 表示（如 16:9）。它描述的是形狀而非尺寸——1920x1080 和 640x360 都是 16:9 比例。

### 如何在縮放時保持長寬比？

使用求解器：輸入比例和已知邊長，計算器會用交叉相乘法求出缺失尺寸，確保比例精確。

### 社群媒體應使用什麼長寬比？

視平台而定。Instagram 方形貼文用 1:1，限時動態用 9:16，YouTube 縮圖用 16:9，Twitter/X 貼文用 16:9。詳見「社群媒體尺寸」分頁的完整 2025/2026 參考資料。