鎖定後，只要改寬或高其中一邊，另一邊會自動維持同樣比例。
目前比例
--
--
--
輸入尺寸後，會立刻出現框型預覽、比例資訊和對應尺寸。
常用比例
即時比例板
輸入寬高後，立刻看到比例、框型預覽和可貼上的 CSS。
輸入尺寸
鎖住比例，改一邊就自動帶另一邊
預覽舞台
Frame Parade
主框預覽
輸入尺寸後，這裡會依比例顯示它比較像封面、海報，還是寬螢幕畫布。
--
--
--
切換範例圖、滿版模式或尺寸時，預覽會立即更新。
常見寬度換算
會依目前比例，算出幾個常見寬度對應的高度。
快速導覽
使用情境、常見問題與相關工具
把需要的說明放在工具下方，讓第一次使用與之後回來複用都更順。
使用方式
先完成一次順手的操作
- 輸入寬度和高度，或選擇一個預設面板。
- 並排比較化簡比例和視覺框架。
- 複製 CSS aspect-ratio 值，或用結果來規劃媒體版位。
常見情境
這個工具實際適合拿來做什麼
- 主視覺媒體規劃在建立響應式著陸頁之前，比較 16:9、4:5 和正方形版面。
- 社群素材尺寸確認確認產品或人像框架應該用橫式、直式還是正方形處理。
常見問題
先把常見疑問說清楚
- 它會調整圖片檔案大小嗎？
- 不會。它只計算比例數學和預覽框架。
- 可以複製 CSS 值嗎？
- 可以。設計目標是幫你快速從視覺規劃進入 CSS 開發。