コンテンツにスキップ
ToolsMinify logo
計算ツール
人気

アスペクト比計算機

サイズを入力して比を簡約、または片辺を固定して16:9、9:16、4:3などにもう片方をスケール。

アスペクト比計算機について

アスペクト比は幅と高さの比例関係 - 最大公約数で約分してW:H(1920×1080 → 16:9)。Simplifyモードで簡約比、小数、プレビュー枠、CSS `aspect-ratio` 値。Scaleモードで幅または高さを固定し16:9、9:16、4:3、1:1、21:9などもう片方を算出。1920×1080などの一般的ピクセルチップ。ダウンロードクロップには画像リサイザー、印刷サイズにはピクセルからインチと組み合わせ。

アスペクト比計算機の使い方

  1. Simplifyモード:幅と高さを入力し簡約比、小数、プレビュー、CSSスニペットを取得。
  2. Scaleモード:比の部分(またはプリセット)を設定、幅または高さをロックし、もう片方を読む。
  3. プリセット(16:9、9:16、4:3、3:2、1:1、21:9など)で一般的写真・動画形式。
  4. 一般的ピクセルサイズをクリックして読み込み、サマリーまたは `aspect-ratio: W / H;` CSSをコピー。

アスペクト比計算機の計算式

Reduce width and height by gcd(W, H) to get the aspect ratio. Missing side: height = width × (ratioH ÷ ratioW), or width = height × (ratioW ÷ ratioH). CSS: aspect-ratio: W / H. Example: 1920×1080 → divide by 120 → 16:9.

アスペクト比計算機の例

Full HD 16:9

1920×1080は16:9に簡約。CSS: aspect-ratio: 16 / 9;

幅から高さを求める

16:9で幅1280をロック → 高さ720。幅3840 → 高さ2160 (4K UHD)。

縦型ソーシャル9:16

9:16で幅1080をロック → 高さ1920(Stories / Reels風フレーム)。

4:3クラシック

1024×768、または4:3で高さ768をロック → 幅1024。

正方形クロップ

等辺(例1080×1080)は1:1に簡約 - アバターと商品タイル向け。

一般的な使用例

  • 既知比に写真とサムネイルをクロップ
  • YouTube、Twitch、ソーシャル動画フレーム(16:9 / 9:16)をサイズ決定
  • レスポンシブUI用CSS aspect-ratio値を生成
  • 目標比の一般的ピクセル寸法を選択
  • 解像度が4:3、3:2、21:9 ultrawideに合うか確認
  • デザインモックアップをスケールするとき比率を維持

アスペクト比計算機に関するよくある質問

アスペクト比とは?
画像、動画、画面の簡約された幅対高さの比例。1920×1080と1280×720はピクセル数が違っても同じ16:9。
アスペクト比の計算方法は?
幅と高さを最大公約数で割る。1920÷120と1080÷120で16と9 → 16:9。Simplifyモードが自動で小数(≈1.7778)も表示。
欠けている寸法の求め方は?
Scaleモードで目標比を入力、既知の辺をロックし、もう片方を読む。例:16:9で幅1920 → 高さ1080;9:16で幅1080 → 高さ1920。
一般的16:9解像度は?
720pは1280×720、1080pは1920×1080、QHDは2560×1440、4K UHDは3840×2160。このページのチップはアクティブ比に合う幅を読み込み。
CSSでの使い方は?
CSS出力(例 `aspect-ratio: 16 / 9;`)をコンテナにコピーし幅が流体でも比を維持。内側メディアをクロップするならobject-fitと組み合わせ。
どのプリセットが含まれる?
16:9、9:16、4:3、3:2、1:1、21:9、2:1、5:4、3:4、2:3 - 動画、写真、印刷、ソーシャルで一般的。
寸法はアップロードされる?
いいえ。アスペクト比計算機は完全にブラウザ内。幅と高さはこのタブから離れません。