Archipela / Dev / アスペクト比計算

종횡비 계산기

幅と高さから画面比（アスペクト比）を計算します。最大公約数で整数比（例：1920×1080 → 16:9）と小数比・逆比を算出し、プリセットや比率からのサイズ逆算、CSSの生成にも対応。すべての処理はブラウザ内で完結し、入力内容はサーバーに送信されません。

×
整数比—
小数比—
逆比—
16 : 9
:
→

720


      
aspect-ratio は現代的な方法です。padding-top ハックは古いブラウザ向けの互換手法です。

    


    
    

    

      

        
📘 사용 방법

        
    
          
  1. 「幅」「高さ」を入力すると、最大公約数で約分した整数比・小数比・逆比が計算され、プレビューにも反映されます。
    2. 
          
  2. プリセット（16:9 など）をクリックすると、現在の幅を基準に高さが再計算されます。
    3. 
          
  3. 「比率から計算」では、比率W:Hと既知の辺（幅または高さ）を指定して、もう一方のサイズを求められます。
    4. 
          
  4. 下部のCSS出力から aspect-ratio 와 padding-top ハックのコードをコピーできます。
    5. 
        

      

      

        
❓ 자주 묻는 질문

        

          
整数比はどのように求めていますか？
            
幅と高さの最大公約数（GCD）をユークリッドの互除法で求め、それぞれを割ることで既約分数（例：1920:1080 → 16:9）にしています。小数を含む値は一定倍して整数化してから計算します。

          
padding-topハックとは何ですか？
            
aspect-ratio が使えない古いブラウザで縦横比を保つための手法です。子要素を絶対配置し、親に padding-top: 56.25%（16:9の場合）のように高さ÷幅×100%を指定します。

          
2.35:1のような小数比も扱えますか？
            
はい。シネマスコープ（2.35:1）などの小数を含む比率も入力・プリセットに対応しています。整数比は近似の約分結果として表示されます。

          
입력값이 서버로 전송되나요?
            
필요에 따라 배경색·모듈 형태(사각형 / 둥글기 / 점)·중앙 로고를 설정해 디자인을 조정할 수 있습니다.