用語

アスペクト比

アスペクト比は、画像の幅と高さの関係を16:9や4:3のような2つの数で表したものです。画像の形を決めます。

代表的なアスペクト比

同じ長方形でも、比率によって収まりやすい場所が変わります。

  • 16:9: デスクトップモニター、ノートPC、動画で広く使われるワイド画面の比率です。1920x1080の画像は16:9です。現在のコンピューターで撮る画面全体のスクリーンショットも、この形がよく使われます。
  • 4:3: 従来からある画面比率で、タブレットや古いディスプレイでも見られます。1024x768の画像は4:3です。周囲に文章を配置しやすいため、ドキュメントやプレゼンテーションで選ばれることもあります。
  • 1:1: 正方形です。SNS、プロフィール画像、サムネイルの一覧でよく使われます。撮影時から1:1になるスクリーンショットは多くありませんが、表示先に合わせて切り抜くことがあります。
  • 9:16: 16:9を縦向きにした比率です。モバイルのスクリーンショット、縦長動画、SNSのストーリーで標準的に使われます。
  • 3:2: 多くのデジタル一眼レフカメラや、最近のMacBookを含む一部のノートPCで使われます。横幅は16:9と4:3の中間です。

アスペクト比が重要になる場所

画像を決まった領域へ収めるときは、アスペクト比が重要です。SNS、アプリストア、スライドのテンプレート、Webサイトのレイアウトには、それぞれ想定された比率があります。画像が一致しなければ、切り抜く、引き伸ばす、余白を加えるといった処理が必要になり、仕上がりに影響します。

特にSNSでは比率が細かく決まっています。Instagramのフィード投稿は1:1または4:5、YouTubeのサムネイルは16:9、LinkedInの記事画像はおよそ1.91:1です。比率を調整せずにスクリーンショットを投稿すると、プラットフォーム側の自動処理で重要な部分が切れることがあります。

アプリストアでは、デバイスの種類ごとにスクリーンショットの比率が決まっています。異なる比率で提出すると、却下されたり、自動で切り抜かれて重要な内容が欠けたりします。

社内ツールでも比率は無関係ではありません。16:9のサムネイル向けに作られたダッシュボードへ4:3の画像を入れると、変形や切れが生じます。固定幅の画像領域を使うドキュメントシステムでは、想定より高い画像が切り抜かれる場合があります。

アスペクト比とスクリーンショット

スクリーンショットの比率は、撮影元の画面、ウインドウ、選択範囲から引き継がれます。16:9のモニターを画面全体で撮れば16:9になり、縦向きのモバイルシミュレーターを撮れば9:16になります。

撮影した画像を異なる比率の場所で使う場合に、調整が必要です。16:9のデスクトップ画像を1:1のSNS投稿に使うなら切り抜きます。9:16のモバイル画像を16:9のスライドに入れるなら、余白を加えるか、縦長画像に合うレイアウトを選びます。

撮影前に表示先の比率を決めておくと、あとの手間を減らせます。表示幅を指定できる撮影ツールなら、最初から目的の比率に合う幅と高さを設定でき、撮影後の切り抜きが不要です。大量に画像を作る場合は、撮影設定で比率を一度指定するだけですべての画像へ適用できます。

画像制作では、アスペクト比を最後の調整ではなく、早い段階で決めます。最初から目的の比率で撮影すれば、個別の画像をその場しのぎで切り抜く作業が減ります。

よくある失敗

  • 表示先の比率を確認しない。 画面の比率のまま撮影し、どこにでも収まると考えてしまいます。撮影または切り抜きの前に、使うプラットフォームの要件を確認してください。
  • 引き伸ばして合わせる。 異なる比率へ無理に伸ばすと、円が楕円になり、文字も読みにくくなります。引き伸ばさず、切り抜くか余白を加えます。
  • アスペクト比と解像度を混同する。 1920x1080と1280x720はいずれも16:9です。形は同じでも細かさが異なります。幅と高さを別々の倍率で変えない限り、解像度を変えても比率は変わりません。
  • モバイルの向きを忘れる。 デスクトップを基準にすると横長の比率だけを考えがちです。モバイルのスクリーンショットは縦長で、多くのプラットフォームも縦向きのコンテンツを重視しています。複数のデバイスで見せる場合は、両方の向きを用意します。

よくある質問

スクリーンショットで最も一般的なアスペクト比は?

現在のデスクトップモニターやノートPCの多くに合う16:9が一般的です。モバイルのスクリーンショットは、同じ比率を縦向きにした9:16がよく使われます。タブレットでは4:3や3:2も一般的です。

画像を異なるアスペクト比へ無理に合わせるとどうなりますか?

画像が横または縦に引き伸ばされます。16:9の画像を1:1の枠へ入れると、変形、切り抜き、余白の追加のいずれかが必要です。元画像と表示先の比率を合わせてください。

画像のアスペクト比はどう計算しますか?

幅と高さを最大公約数で割ります。たとえば1920x1080なら、両方を120で割ると16:9になります。画像編集ソフトや撮影ツールが自動で比率を表示する場合もあります。

アスペクト比はファイルサイズに影響しますか?

直接は影響しません。ファイルサイズは総ピクセル数(幅×高さ)と圧縮方法で決まります。ただし、高さが同じなら横長の画像ほどピクセル数が増えるため、ファイルも大きくなります。

決まったアスペクト比で切り抜くべきですか?

SNS投稿、スライド、サムネイルなど、表示先の形が決まっている場合は比率を固定して切り抜きます。不要な部分だけを取り除き、表示先に固定の形がない場合は自由な切り抜きで構いません。

出典

関連資料

アスペクト比とは | 用語集 | Shotomatic