專業螢幕比例計算器與視覺化工具
輸入解析度自動計算螢幕比例，或從目標比例和一個維度反算另一維度。視覺比較主流比例形狀。
智慧比例辨識
輸入任意解析度（如 2560×1440）自動化簡為最簡整數比（16:9），辨識其標準分類 — 標準、寬螢幕、超寬、正方形等。
尺寸計算器
鎖定螢幕比例，輸入寬度或高度，自動計算另一維度的精確像素值。裁切圖片、設定畫布大小和影片匯出的必備工具。
視覺比例比較
在同一畫布上疊加多個螢幕比例矩形，直覺感受 16:9、4:3、21:9、1:1 的形狀差異 — 跳脫抽象數字。
什麼是螢幕比例？
了解螢幕比例在螢幕、圖片和影片中的意義和應用。
顯示螢幕比例
螢幕的物理形狀比例，決定「螢幕看起來是什麼形狀」。16:9 是目前最主流 — 幾乎所有筆電、顯示器和電視都使用。21:9 和 32:9 是超寬和超超寬的標誌。
像素螢幕比例
解析度水平與垂直像素數的比例。1920×1080 的像素比例是 16:9，但 1920×1200 是 16:10。像素和顯示比例通常一致，但舊式 CRT 和部分專業設備可能不同。
內容螢幕比例
圖片、影片和設計檔案本身的比例。電影常用 2.35:1（CinemaScope）或 1.85:1；社群媒體偏好 1:1（Instagram）、9:16（短影片）、4:5（Facebook 圖片）。選對比例最大化顯示面積。
如何使用螢幕比例計算器
三種使用模式應對不同場景。
解析度 → 比例
輸入解析度（如 3440×1440），工具自動計算螢幕比例（43:18 ≈ 21:9）並標示標準分類。適合檢查螢幕或圖片的實際比例。
比例 → 尺寸
選擇目標螢幕比例（如 16:9），輸入寬度或高度，自動計算另一維度的像素值。適合裁切圖片、設定畫布大小和影片匯出。
視覺比較
在預覽面板中疊加常見螢幕比例矩形，直覺比較形狀差異。點擊常見比例快速切換比較。
常見螢幕比例說明
16:9（1.78:1）
當今最通用的螢幕比例。Full HD（1920×1080）、QHD（2560×1440）和 4K（3840×2160）都是 16:9。YouTube、Netflix 和電視廣播的標準畫面比例。
16:10（1.6:1）
曾是筆電和顯示器的主流 — 1920×1200、2560×1600。比 16:9 多約 11% 垂直空間，文件編輯和寫程式效果極佳。在高階筆電（MacBook、ThinkPad X1）中回歸。
21:9（2.33:1）
標準超寬顯示器比例，常見解析度 3440×1440 或 2560×1080。接近電影螢幕比例，無邊框觀影。左右分割視窗工作效率極高。
4:3（1.33:1）
經典 CRT 時代比例（1024×768、1600×1200）。目前主要用於 iPad 和部分商務投影機。感覺較方 — 不適合寬螢幕內容。
各平台推薦比例
不同平台和用途有不同的螢幕比例最佳實踐。
社群媒體
推薦比例：
• Instagram/TikTok 限時動態/Reels：9:16（1080×1920）
• Twitter/X 圖片：16:9（1200×675）
• Facebook 封面：2.63:1（1640×624）
影片製作
常見比例：
• 電影寬螢幕：2.39:1（CinemaScope）
• 直式短影片：9:16（1080×1920）
• IMAX 格式：1.43:1 或 1.9:1
設計與印刷
標準比例：
• US Letter：1.294:1（8.5×11"）
• 名片：1.75:1（3.5×2"）
• 簡報投影片：16:9 或 4:3
顯示裝置
主流比例：
• 高階筆電（MacBook/ThinkPad）：16:10 或 3:2
• 超寬顯示器：21:9（3440×1440）
• 超超寬：32:9（5120×1440）= 兩個 16:9 並排
螢幕比例實用建議
裁切注意
將 16:9 影片裁切為 9:16 直式會損失約 68% 的畫面。拍攝時規劃安全區域，或使用「中央裁切 + 模糊背景」方式。
等比縮放
縮放圖片時務必鎖定螢幕比例防止變形。Photoshop：拖動角落時按住 Shift。CSS：使用 object-fit: contain/cover 保持正確比例。
響應式適配
CSS aspect-ratio 屬性直接宣告元素比例（如 aspect-ratio: 16/9）— 瀏覽器自動計算高度。響應式佈局的強力工具。
黑邊處理
內容比例與容器不匹配時會出現黑邊（信箱/柱箱模式）。16:9 螢幕播放 21:9 電影上下有黑邊；播放 4:3 內容左右有黑邊。
常見問題
Q.16:9 和 1920×1080 是什麼關係？
1920÷1080=1.778=16÷9。所以 1920×1080 的螢幕比例就是 16:9。同理 2560×1440、3840×2160 也是 16:9 — 解析度不同但比例相同。
Q.3440×1440 的精確比例是多少？
3440÷1440≈2.389，最接近 21:9（2.333）。嚴格來說 3440:1440 化簡為 43:18，但業界約定俗成稱為 21:9 超寬。
Q.為什麼有些解析度比例不是整數？
例如 1366×768 化簡為 683:384 — 不是整齊的比例。這是因為面板製造商選擇了方便的像素數而非嚴格遵循 16:9。實際看起來非常接近 16:9。
Q.CSS aspect-ratio 屬性相容性如何？
所有現代瀏覽器都支援（Chrome 88+、Firefox 89+、Safari 15+）。搭配 width 或 height 使用，瀏覽器自動計算另一維度 — 完美適用於響應式容器。
Q.影片的 DAR 和 SAR 是什麼？
DAR（Display Aspect Ratio）是最終顯示比例；SAR（Sample Aspect Ratio）是像素取樣比例。當 SAR≠1:1 時（如某些 DV 格式），即使 720×480 解析度實際可能顯示為 16:9。
Q.3:2 比例有什麼優勢？
3:2（1.5:1）比 16:9 多約 18% 垂直空間，比 4:3 更現代。Surface 系列和較新的 Chromebook 使用此比例 — 平板模式下閱讀和手寫效果極佳。
螢幕比例選擇建議
- • 影片創作者： 橫式：16:9；直式：9:16。匯出前確認目標平台推薦解析度，避免二次壓縮。
- • 設計師： 匯出多尺寸時先設計 1:1 版本，再水平延伸成 16:9 和 9:16。
- • 選購顯示器： 辦公/寫程式：16:10 或 3:2；電影/遊戲：16:9 或 21:9。拿不定主意時 16:9 最萬用。
- • 前端開發： CSS aspect-ratio + object-fit 組合優雅處理任何比例的圖片容器。