Aspect Ratio
画像やスクリーンショットにおけるアスペクト比の意味、よく使われる比率、避けるべき間違いを解説します。
アスペクト比は、画像や画面の幅と高さの関係を、幅:高さの形式で表したものです。サイズではなく形を表します。1920×1080の画像と1280×720の画像は、どちらも16:9の比率です。
比率を求めるには、両方の寸法を最大公約数で割ります。1200×900は4:3に、1080×1920は9:16に約分されます。1.91:1のように、1を基準にした小数で書かれる比率もあります。1200×630の画像がその例です。
両方の辺に同じ倍率をかけると、比率は保たれます。一方の辺だけを大きく引き伸ばすと内容が歪み、切り抜きを行うと比率が変わります。
よく使われるアスペクト比
| 比率 | サイズの例 | 一般的な用途 |
|---|---|---|
| 16:9 | 1920×1080 | 動画、スライド、デスクトップの画面 |
| 9:16 | 1080×1920 | 縦型動画、スマートフォンのストーリー |
| 4:3 | 1200×900 | 古いディスプレイ、タブレット、スライド |
| 3:2 | 1500×1000 | 写真、一部のノートPC |
| 1:1 | 1000×1000 | 正方形の投稿、アバター |
| 1.91:1 | 1200×630 | リンクのプレビュー画像 |
アスペクト比が重要になる場面
多くの掲載先は特定の形を求めます。動画プレーヤー、スライドのテンプレート、SNSのフィード、アプリストアの掲載情報には、それぞれ1つ以上の比率が定められています。画像の比率が合わない場合、掲載先はレターボックス表示にするか、自動で切り抜くか、引き伸ばして表示します。
アスペクト比とスクリーンショット
後から切り抜くと必要な内容が失われるため、最初から目的の比率で撮影するほうが簡単です。Temposhotの Custom Area ピッカーには、Lock aspect と、16:9(1600×900)、9:16(900×1600)、4:3(1200×900)、1:1(1000×1000)、3:2(1500×1000)のプリセットがあります。Pixel 9(360×808)などのスマートフォンサイズも選べます。
Retinaディスプレイでは、1600×900ポイントの範囲が3200×1800ピクセルで保存されます。比率は16:9のままです。
よくある間違い
- 幅または高さだけをリサイズし、文字やアイコンを押しつぶす。
- スマートフォンのスクリーンショットを16:9に切り抜き、ステータスバーやナビゲーションを切り落とす。
- 比率と解像度を同じものと考える。16:9であっても、鮮明さは保証されません。
- 1つのスライドデッキや文書の中で比率が混在し、ページごとにサイズが変わる。
今すぐ修正したい画像がありますか?
Aspect Ratio Calculator で比率に合う不足している寸法を求め、Split Image または編集ツールで画像を調整してください。
よくある質問
1920×1080は16:9と同じですか?
はい。1920を120で割ると16、1080を120で割ると9になります。
スクリーンショットの比率が1.6:1のような特殊な値になるのはなぜですか?
多くのMacのディスプレイは16:10を使っており、これは1.6:1に相当します。全画面キャプチャでは、ディスプレイの比率がそのまま保たれます。
出典
関連リソース
- キャプチャソース: Custom Areaのプリセットと Lock aspect。
- 注釈とフレーミング: Documentsエディタのフレーミングレベル。
- Social Image Composer: 指定したサイズのキャンバスにスクリーンショットを配置します。
同じスクリーンショットを何度も撮っていますか?
Temposhot は、画面、ウィンドウ、または範囲をタイマーに従って連続で撮影し、その一式を PDF、画像、ZIP、または MP4 で書き出します。無料のブラウザツールは、1 枚の画像の処理に対応しています。
関連リソース
関連用語
- Image Cropping画像の切り抜きの概要、スクリーンショットを切り抜く場面、避けるべき間違いを解説します。
- Image Resize画像のリサイズの概要、切り抜きとの違い、スクリーンショットを拡大縮小するときに避けるべき間違いを解説します。
- Social Media Image SizeInstagram、X、LinkedIn、Facebookの推奨画像サイズと、各プラットフォームで適切に表示させるためのリサイズの方法を解説します。
- Device Mockupデバイスモックアップの概要、デバイスの枠にスクリーンショットを配置する方法、チームでの用途を解説します。
- Area Screenshotエリアスクリーンショットの概要、任意の範囲の選び方、全画面キャプチャの代わりに使う場面を解説します。
- Responsive Screenshotレスポンシブスクリーンショットの概要、よく使われるビューポートのサイズ、デバイスをまたいで撮影する際に避けるべき間違いを解説します。