アスペクト比
読み: あすぺくとひ
画像や映像の横幅と高さの比率を表す値。16:9 や 4:3 で表記され、リサイズやトリミング時の形状維持に不可欠な基本概念。
アスペクト比 (Aspect Ratio) は、画像や映像の横幅と高さの比率を表す数値である。通常「横:縦」の形式で表記され、画像の形状を定義する基本パラメータとして、撮影・編集・表示のあらゆる場面で参照される。同じアスペクト比であれば、解像度が異なっても画像の形状は同一に保たれる。
代表的なアスペクト比とその用途は以下のとおりである。
- 1:1: 正方形。SNS のプロフィール画像、Instagram 投稿、アイコンに使用される
- 4:3: 従来のテレビ放送、iPad ディスプレイ、コンパクトデジタルカメラの標準
- 3:2: 35mm フィルムおよび一眼レフカメラの標準。L 判プリント (89x127mm) に対応する
- 16:9: ワイドスクリーンの標準。現代のテレビ、PC モニター、YouTube 動画に広く採用
- 21:9: ウルトラワイドモニターや映画のシネマスコープに近い比率
- 9:16: スマートフォン縦画面。TikTok、Instagram Reels、YouTube Shorts の標準
画像のリサイズにおいて、アスペクト比の維持は極めて重要である。比率を無視してリサイズすると被写体が横に引き伸ばされたり縦に潰れたりする歪みが発生する。多くの画像編集ツールには「縦横比を固定」するオプションが用意されている。トリミング時も目的のアスペクト比を指定することで、意図した構図を正確に切り出せる。
Web 開発では CSS の aspect-ratio プロパティにより、要素のアスペクト比を宣言的に指定できる。レスポンシブデザインにおいて画像や動画のコンテナに適切なアスペクト比を設定することで、読み込み前にレイアウト領域を確保し、CLS (Cumulative Layout Shift) を防止してユーザー体験と Core Web Vitals スコアを向上させる。