輸入原始寬高,等比例算出目標尺寸、縮放百分比與 CSS aspect-ratio
檔案全程不離開你的電腦
不用下載,不用註冊
目標尺寸
1280 × 720 px
保留原始寬高比
縮放比例
66.67%
寬高比
16:9
CSS: 16 / 9
CSS
aspect-ratio: 16 / 9;
適合縮圖、Hero 圖、社群封面、簡報圖片。只做尺寸計算,不會讀取或上傳圖片。
使用說明
- 輸入原始圖片或版面的寬度、高度
- 選「指定寬」「指定高」「百分比」或「放進框內」
- 查看等比例後的目標尺寸、縮放百分比與 CSS aspect-ratio
- 按「複製結果」貼到設計稿、程式註解或交付文件
適合情境
需要快速處理「比例縮放計算機」相關工作時,可以直接在這頁完成。輸入原始寬高,等比例算出目標尺寸、縮放百分比與 CSS aspect-ratio 這類工具也收在「圖片工具」分類,方便之後一起找。
常見搜尋
圖片等比例縮放計算 寬高比計算機 aspect ratio calculator 16:9 尺寸換算 圖片縮圖尺寸計算 社群封面比例換算 CSS aspect-ratio 產生 放進指定寬高不裁切
常見問題
什麼時候會用到比例縮放?
做網站縮圖、社群封面、簡報圖片、Banner、Hero 圖時,常需要保留原圖比例但換成指定寬度或高度。這個工具可以直接算出另一邊尺寸,避免手算小數或拉圖變形。
「放進框內」會裁切圖片嗎?
不會。它會在指定最大寬高內等比例縮小或放大,讓整張圖片完整放進框裡。如果你要填滿框並裁切邊緣,那是 cover/crop 的情境,需要另外決定裁切位置。
CSS aspect-ratio 要怎麼用?
把結果中的 `aspect-ratio: 16 / 9;` 這類語法放到 CSS 裡,瀏覽器就能依比例保留區塊高度。適合圖片預留空間、影片框、卡片封面與 RWD 版面。
會讀取或上傳我的圖片嗎?
不會。這個工具只用你輸入的寬高數字做計算,不讀圖片檔,也不會把資料送到伺服器。