アスペクト比計算機
画像・動画のアスペクト比を計算
アスペクト比計算機 の使い方
画像・動画のアスペクト比を計算 無料オンラインツール、登録不要、広告なし。今すぐ無料でお使いいただけます。
アスペクト比が必要な場面
アスペクト比は幅と高さの比率です。画像、動画、画面の見え方を決定します。比率が合わないと内容がトリミングされたり黒帯が入ったりします。デザイン、動画制作、Web開発において習得が必要なスキルです。
- 動画制作:YouTubeとテレビには16:9が標準です。InstagramリールとTikTokには9:16(縦型)が必要です。間違った比率を使うと動画が切り取られたりプラットフォームで黒帯が入ったりします。
- 写真撮影:画像を歪めずにトリミング寸法を計算します。OGP画像(1200×630px)を4000×3000の写真から作成する場合、最適なトリミングを見つけられます。
- Web開発:レスポンシブレイアウトで一定の比率を維持します。埋め込み動画のCSSパディングトップのテクニック計算:16:9なら
padding-top: 56.25%。 - グラフィックデザインと印刷:グラフィック素材をA4、A3などの異なる印刷サイズに元の比率を保ったまま拡縮します。
- SNSのクリエイティブ:各SNSプラットフォームに最適な画像サイズを計算します。Instagram正方形(1:1)、Twitter(16:9)、Facebook(1.91:1)など。
よく使う比率:16:9(ワイドスクリーン動画—YouTubeとTV標準)、4:3(旧TV・モニター)、1:1(正方形—Instagram)、3:2(35mmフィルム—一眼レフ・ミラーレス)、9:16(縦型モバイル—リールとTikTok)。
Frequently Asked Questions
ピクセル寸法からアスペクト比を計算するには?
幅を高さで割り、最大公約数で分数を簡略化します。1920×1080の場合:GCD(1920,1080)=120、1920/120=16、1080/120=9→16:9。現代の解像度のほとんどは16:9に対応しています。
レスポンシブ動画のCSSパディングトップとは?
コンテナにposition:relativeを設定し、padding-topをアスペクト比のパーセントに設定します(高さ/幅×100)。16:9の場合padding-top:56.25%。内側の動画はposition:absoluteでコンテナを埋めます。JavaScriptなしでどんな幅でも比率を維持します。
16:9動画にはどの解像度を使うべきですか?
標準:1280×720(HD)。フルHD:1920×1080。4K UHD:3840×2160。YouTubeのサムネイルは最低1280×720。常にワークフローが許す最高品質でアップロードしてください。プラットフォームは圧縮しますが元の品質を向上させることはできません。
旧作映画が現代の画面で黒帯になる理由は?
4:3(1.33:1)で撮影された映像は16:9のスクリーンを埋められません。両脇に黒帯が入ります(ピラーボックス)。逆にシネマスコープ(2.39:1)のコンテンツは16:9画面で上下に黒帯が入ります(レターボックス)。
SNS投稿の画像にどのアスペクト比を使うべきですか?
Instagram:1:1(正方形)または4:5(縦型、フィードでスペースを多く占有)。Instagramストーリー/リール:9:16。Twitter/X:16:9。YouTube:16:9(動画とサムネイル)。TikTok:9:16。各プラットフォームの最新仕様を常に確認してください。
アスペクト比計算ツール vs 画像リサイズツール vs トリミングツール
アスペクト比計算ツールは数学的に寸法を計算します。使用すべきサイズを教えてくれます。画像リサイズツールは実際に画像ファイルのピクセル寸法を変更します。トリミングツール(Photoshop、GIMP、Canva)は目標の比率を達成するために画像の一部を削除します。まずこの計算ツールで寸法を計画し、次に画像編集ツールで適用してください。