長寬比計算器與 CSS 生成 - TikTok/IG 尺寸預設

快速計算長寬比與缺失尺寸(輸入寬得高/輸入高得寬),內置 TikTok 9:16、YouTube 16:9、Instagram 4:5 等預設,並自動生成 aspect-ratio CSS 代碼。全程本機運行不上傳。

:
16:9
1920px
1080px

如何使用

  1. 選擇預設比例(如 9:16 / 16:9 / 4:5)或手動輸入比例。
  2. 輸入已知寬度或高度。
  3. 工具自動計算另一邊的尺寸。
  4. 複製生成的 CSS aspect-ratio 代碼用於布局。

核心功能

  • TikTok/Reels (9:16):一鍵套用豎屏主流比例與常見解析度思路。
  • 生成 aspect-ratio CSS:自動生成 aspect-ratio: W/H; 及兼容性建議。
  • 自動推算尺寸:輸入寬或高即可計算另一邊,保持比例不變。
  • 可視化比例預覽:實時顯示矩形預覽,避免尺寸填錯。
  • 本機隱私:尺寸與素材資訊不上傳伺服器。

相關工具

財富自由計算機 2026 (剔除通膨版) - 退休金與複利模擬器

2026 最新 FIRE 財務自由計算機(剔除通膨版)。拒絕虛高數字,精準模擬實際購買力下的複利增長。支援 4% 法則驗證與退休金缺口反向推算。支援一鍵匯出 CSV,完美適配 Excel 或 Notion 財務看板。隱私優先,本機計算零上傳。

倉位計算機 - 按風險比例規劃交易倉位

根據帳戶資金、風險比例、進場價和停損價計算交易倉位。所有計算在瀏覽器本機完成,不上傳帳戶資料,可對比多檔風險方案。

複利計算機 | 免費定期定額收益與 APY 增長圖表

輸入本金、定期投入、年化報酬率和投資年限,計算複利增長結果,並用互動式圖表展示本金、利息和最終總額。資料僅在本機計算。

線上房貸/貸款計算機 - 即時圖表與還款明細(本息平均攤還/本金平均攤還)

使用 Loan Calculator/Mortgage Calculator 在瀏覽器本機計算每月還款額、總利息與還款明細。輸入貸款金額、年利率和期限,立即查看圖表與還款計畫表。

線上投資與 ROI 計算機 - 定期定額/複利收益視覺化

使用 Investment Calculator/ROI Calculator 在瀏覽器本機估算初始本金、每月定期定額、年化報酬率和通膨後的投資結果。立即查看複利圖表、本金/收益拆解、ROI 與年度明細。

APR 與 APY 換算計算機 - 名目利率與實質利率轉換

使用 APR to APY Calculator 在瀏覽器本機完成 APR/APY 雙向換算。輸入利率並選擇複利頻率,立即查看有效年利率、差值和多頻率比較表。

利潤率計算機 - 毛利率、加成率與售價線上換算

使用這款利潤率計算機在瀏覽器本機計算毛利、Margin 和 Markup。輸入成本和售價,或輸入成本與目標毛利率,立即推算售價並避免把加成率誤當利潤率。

CPM 與 CPC 計算機 - 廣告投放 CTR 與成本線上試算

使用 CPM 與 CPC 計算機在瀏覽器本機試算廣告花費、曝光數、點擊數、CPM、CPC 和 CTR。輸入預算與目標成本,快速推演可獲得的曝光或點擊。

計算邏輯

  • 計算公式: [ H = W \times \frac{r_H}{r_W} ] 或 [ W = H \times \frac{r_W}{r_H} ]
  • CSS 寫法示例: [ \text{aspect-ratio}: \frac{16}{9} ]

常見問題

影片平臺(TikTok/Reels)的最佳比例是多少?

標準比例是 9:16(豎屏),常見解析度爲 1080×1920。使用 9:16 預設可快速核對尺寸。

如何在 CSS 中使用長寬比?

直接寫 aspect-ratio: 16/9;。本工具會生成包含該屬性的代碼片段,並建議必要的尺寸回退。

資料安全嗎?會上傳到伺服器嗎?

不會。所有計算與預覽在瀏覽器本機完成,不上傳任何尺寸或內容。

是否免費?可以用於商業項目嗎?

免費使用,適合個人/團隊在內容生產與 UI 開發中快速對齊尺寸。

爲什麼會出現 1–2 像素誤差?

某些尺寸需要取整(整數像素)。工具會按最接近的整數進行四捨五入,保證比例儘量準確。