最高のアスペクト比計算機ツール7選を比較
「最高の」アスペクト比計算機は、何をしているかによって変わります。素早い参照、ソーシャルメディア制作、デザインツールへの統合、動画編集、バッチ処理など用途はさまざまです。本ガイドでは、最も役立つアスペクト比計算機ツール7つ(ブラウザベース、デザイナー向け、他のアプリに組み込まれているもの)をランク付けし、どのツールがどの用途に最適かを、長所・短所・料金とあわせて明示します。
簡易ランキング
- Screen Ruler aspect ratio calculator — どんな素早いアスペクト比の質問にも対応できるベストデフォルト。
- Figma's Frame Resizer — すでに Figma を使っているときに最適。
- Calculator.net Aspect Ratio Calculator — クリーンなフォームインターフェイスを備えた手堅い代替。
- Andrew Hedges Aspect Ratio Calculator — 長く使われている、ミニマルで開発者に人気のツール。
- Adobe Premiere Pro / Final Cut presets — すでに編集中の動画プロジェクトに最適。
- Custom JavaScript snippets — 自前のツールやサイトに組み込むときに最適。
- Generic proportion calculator — 専用ツールが使えないときのバックアップ。
1. Screen Ruler aspect ratio calculator
Screen Ruler ARC は、より広範な Screen Ruler ツールキット(キャリブレーション可能なスクリーン定規、分度器、ドット抜けテスト、デバイススペックデータベースも含む)の一部です。幅と高さ → 比、比と片方の寸法 → もう一方の寸法、よく使うプリセットのショートカットに対応しています。
長所:
- 無料、インストール不要、アカウント不要。
- よく使うプリセット: 16:9、9:16、4:5、1:1、21:9、4:3、2.39:1。
- 双方向: ピクセル ↔ 比。
- 自動簡約: 1920 × 1080 → 16:9。
- 20言語インターフェイス。
- モバイル最適化済み。
- クロスツール統合: Screen Ruler の他のユーティリティと連携。
短所:
- 画像の書き出しはできません。 計算するだけで、適用は別の場所で行います。
- バッチ処理なし。 一度に1つの比のみ。
最適な用途: どんな素早いアスペクト比の質問にも。デフォルトツール。
料金: 無料。
2. Figma's Frame Resizer
Figma はアスペクト比処理が組み込まれています。フレームの角を Shift キーを押しながらドラッグすれば比率を維持でき、右側のプロパティパネルで明示的に寸法を設定することもできます。Figma にはコミュニティプラグイン(例: 「Aspect Ratio Lock」)もあり、明示的な比率ロックを段階的にコントロールできます。
長所:
- すでにデザインツールの中にある。 アプリを切り替える必要なし。
- 視覚的フィードバック: リサイズがレイアウトに与える影響をリアルタイムで確認できます。
- プラグインで基本機能を拡張できる。
短所:
- 比率を明示的には表示しない。 1920 × 1200 のフレームは 1920 × 1200 のままで、ツールは「これは 16:10 です」とは教えてくれません。
- Figma アカウントが必要。
- デザインのコンテキストに限定される。
最適な用途: すでに Figma を使っていて、編集中にフレームの比率を維持したいデザイナー。
料金: Figma は個人は無料。チームプランは1編集者あたり月12ドル。
3. Calculator.net Aspect Ratio Calculator
Calculator.net のアスペクト比計算機 は、長く使われているフォームベースのツールです。幅と高さを入力すると、簡約された比が得られます。
長所:
- 無料、インストール不要、アカウント不要。
- 長く使われていて、広く引用されている。
- フォームベースのインターフェイスで、技術者でないユーザーにもやさしい。
短所:
- ミニマルな代替ツールに比べて広告が重い。
- プリセットのサポートが限定的。
- 英語のみ。
- 古い UI。 機能はするものの、現代のツールほど洗練されていません。
最適な用途: デフォルトの ARC が使えないときのバックアップ。
料金: 無料(広告サポート)。
4. Andrew Hedges Aspect Ratio Calculator
Andrew Hedges のアスペクト比計算機 は、開発者寄りのミニマルなツールで、2000年代からグラフィックや動画のコミュニティで人気です。
長所:
- ミニマルなインターフェイス。 入力欄と結果以外何もありません。
- 即座に読み込まれる。 非常に小さなページ。
- 無料。
- トラッキングや広告なし。
短所:
- ピクセル間計算しかできない(例: 「1920 × 1080 がある、H が 720 のとき W はいくつ?」)。
- 簡約やプリセットメニューなし。
- モバイル専用 UI なし。
最適な用途: 必要な計算を正確にわかっていて、クリーンでミニマルなツールを求める開発者や動画プロフェッショナル。
料金: 無料。
5. Adobe Premiere Pro / Final Cut Pro / DaVinci Resolve のプリセット
動画編集ソフトはどれもプロジェクト設定にアスペクト比のプリセットを持っています。Premiere Pro: File → Project Settings → General → Display Format。Final Cut Pro: File → Project Properties → Format。DaVinci Resolve: Project Settings → Master Settings。
長所:
- すでにエディター内にある。
- プロジェクトのフレームサイズを合わせて設定する。
- よくある比率はワンクリック。
短所:
- プリセットリストに限定される。 カスタム比率は手動でフレームサイズを入力する必要があります。
- エディターが必要。 Premiere は月20.99ドル、FCP は買い切り300ドル、DaVinci Resolve は無料(有料の Studio 版あり)。
- そのエディター内でしか役に立たない。
最適な用途: 標準的な比率でプロジェクトをセットアップする動画編集者。
料金: Premiere 月20.99ドル、FCP 買い切り300ドル、DaVinci Resolve 無料。
6. カスタム JavaScript スニペット
カスタムツールやサイトにアスペクト比計算を組み込みたい開発者向け:
function gcd(a, b) {
return b === 0 ? a : gcd(b, a % b);
}
function aspectRatio(width, height) {
const divisor = gcd(width, height);
return `${width / divisor}:${height / divisor}`;
}
aspectRatio(1920, 1080); // "16:9"
この5行の関数で、すべての ARC が内部でやっていることをそのまま実現できます。
長所:
- 完全な制御。 自分の UI に組み込めます。
- 外部依存なし。
- 無料。
- カスタマイズ可能。 重み付け比率、特殊処理、ドメイン固有のプリセットを追加できます。
短所:
- コーディングの知識が必要。 カジュアルユーザー向けではありません。
- 追加作業なしでは視覚的 UI がない。
- メンテナンスの負担。
最適な用途: ブランド付き計算機ツールやアプリ内のアスペクト比処理を構築する開発者。
料金: 無料(自分の開発時間を使う)。
7. 汎用比例計算機
汎用の比例計算機(「a/b = c/?」)は、アスペクト比を比として扱うときに使えます。オンラインに無料のものが多数あります。
長所:
- 無料、インストール不要。
- アスペクト比だけでなく、あらゆる比例の問題に使える。
短所:
- 比を簡約しない。
- プリセットメニューなし。
- アスペクト比固有の機能が少ない。
最適な用途: 専用の ARC ツールが使えないときのバックアップ。
料金: 無料。
比較表
| Tool | Presets | Auto-simplify | Mobile UI | Design integration | Cost |
|---|---|---|---|---|---|
| Screen Ruler ARC | あり | あり | あり | なし | 無料 |
| Figma Frame Resizer | 暗黙的 | なし | OK | あり | 無料 / 有料 |
| Calculator.net | 限定的 | あり | OK | なし | 無料 |
| Andrew Hedges | なし | なし | OK | なし | 無料 |
| Premiere/FCP/Resolve | あり | なし | なし | あり(動画) | エディター料金 |
| Custom JS | カスタマイズ可 | カスタマイズ可 | カスタム | カスタム | 無料(開発時間) |
| Generic proportion calc | なし | なし | OK | なし | 無料 |
シナリオ別の選び方
| Situation | Best tool |
|---|---|
| 素早いアスペクト比の質問 | Screen Ruler ARC |
| Figma 内でのリサイズ | Figma の frame resizer |
| Premiere プロジェクトのセットアップ | Premiere プリセット |
| 自分のサイトに計算機を組み込む | Custom JS |
| バックアップツールが必要 | Calculator.net または Andrew Hedges |
ほとんどのユーザーにとって、Screen Ruler ARC が90%のケースをカバーします。他は専門用途向けです。
ツールを組み合わせる方法
- 計算は ARC、適用はエディターで。 計算機で比率を算出し、Premiere/FCP で算出したフレームサイズを使ってプロジェクトをセットアップします。
- 計算は ARC、デザインは Figma で。 寸法を計算し、その大きさのフレームを Figma に作成し、その中でデザインします。
- 繰り返しの計算は Custom JS で。 仕事で毎日何十回もアスペクト比を計算するなら、カスタムスニペットでクリック数を節約できます。
選ぶときによくある間違い
- デフォルトで一番多機能なツールを選ぶ。 Custom JS は強力ですが、カジュアルユーザーにとってはクリック1つで使える計算機より遅いです。
- 非標準の比率にエディタープリセットを信頼する。 22:9(珍しいウルトラワイド)が必要な場合、プリセットメニューにはないかもしれません。
- モバイル対応を見落とす。 スマホやタブレットで制作作業をするなら、モバイル最適化されたツールが重要です。
- ツールをブックマークしていない。 ブックマークされた ARC は1クリックで使えますが、そうでなければ毎回「aspect ratio calculator」を Google で検索することになります。
App Store の ARC アプリは?
iOS と Android にはどちらもアスペクト比計算機アプリがあります。ほとんどは同じ Web の機能を再現しているだけで、追加要素は多くありません。例外は、ライブカメラフィードの上にフレームガイドを表示する AR カメラオーバーレイアプリです(特定のアスペクト比を意識した撮影に便利)。
日常的な用途では、ブラウザベースの ARC でインストールの手間なく同じ機能を使えます。
まとめ
7つのアスペクト比計算機ツール、それぞれに最適なニッチがあります。Screen Ruler ARC が推奨デフォルトです — 無料、モバイル最適化、プリセットと自動簡約付き。すでに Figma を使っているなら Figma が最適。それらのエディターを使っているなら Premiere/FCP のプリセット。組み込みを構築する開発者には Custom JS。残りは専門用途やバックアップ向けです。
背景については、アスペクト比のピラーガイド を参照してください。計算手順の詳細は、ピクセルからアスペクト比を計算する方法 を参照してください。
この記事は Screen Ruler の アスペクト比計算機 ツールをサポートしています。
関連記事
ピクセル変換ツールの使い方(ステップ・バイ・ステップ解説)
ピクセルを mm、cm、インチに変換する実践的なステップ別ガイド。適切な DPI を選び、値を貼り付け、結果をコピーする。Web、印刷、写真の作例付き。
ピクセル変換チートシート — 主要DPIでのpx⇔mm/cm/インチ早見表
72/96/150/300/600 DPIでのピクセルからミリメートル・センチメートル・インチへの変換表。デバイス別PPIと印刷サイズ目安付き、ブックマーク推奨。
ピクセルとミリメートル:単位変換の完全ガイド
任意のDPIでピクセルをミリメートル、センチメートル、インチに変換。計算式、DPIプリセット、落とし穴を無料のピクセル変換ツールとともに解説。