數值、單位與位元

改變圖片寬度時如何處理比例與小數？

使用工具

只想指定圖片寬度，編輯器卻要求高度；保持比例又得到小數。數學結果與檔案接受的尺寸是兩個問題。先用比率工具求值，再決定整數像素與容納方式，避免無意拉伸或裁切。

原圖寬與高

1920 : 1080 = 16 : 9

選擇約分，分別輸入 1920、1080。16:9 描述形狀，不決定顯示大小。320×180 與 1920×1080 比例相同但像素數不同，不能等同畫質或細節。

直式圖片需注意順序：1080×1920 是 9:16。若仍用 16:9，算式有效卻對應錯誤形狀。統一寬:高，並檢查旋轉後的尺寸。

寬 320 時的計算

ratio = 16:9
width = 320
height = 320 × 9 ÷ 16 = 180

比例可求另一邊，但目前比率工具的對應輸入欄不能直接接受比例寫法。這裡用高精度計算機算 320*9/16 得高 180，再用 180*16/9 回到寬 320。不需介面未提供的已知邊選擇，往返可檢查寬高顛倒。

工具不讀取圖片尺寸，比率由你指定。不要預設所有影片都是 16:9，應檢查素材。正方形圖示或直式影片輸入錯誤比率時，工具無法識別；算式正確不能保證前提正確。

不同取整方式的尺寸

321 × 9 ÷ 16 = 180.5625
floor   → 180
nearest → 181
ceil    → 181

高精度計算機算 321*9/16 得 180.5625。若圖片需整數像素，應在使用處明確向下、四捨五入或向上，不把計算機有效位數當整數像素取整。181 略改比例，應保留原始尺寸。

精確整數 16:9 可用 16 與 9 的相同倍數，320×180 後是 336×189。但最大寬 321 無法容納 336。需先判斷比例與邊界限制，必要時留白或裁切。

16:9 圖片與 300×200 框

width 300 → height 168.75
height 200 → width 355.555…

按寬 300 得高 168.75，在 300×200 框中上下留白；按高 200 得寬約 355.56，填滿需裁左右。強制 300×200 則把 16:9 變為 3:2。意外版面可能是尚未選擇留白、裁切或變形，而非算錯。

工具不縮放或裁切檔案，只估算尺寸。實際圖片與 CSS 需另查。CSS aspect-ratio 也受其他尺寸限制；應檢查成品中的臉與文字，而非只憑數字保證構圖。

只交付「高度 181」無法表達意圖。應寫原比率 16:9、寬 321、計算高 180.5625 四捨五入為 181、不裁切。CSS 顯示像素與匯出圖片像素不同時也應分別註明。

保留原比例、新寬高與取整規則。檢查關係可用小範例數字。工具只需尺寸而無需上傳圖片，因此能討論大小而不傳送未公開或內部素材。