写真のアスペクト比とは?1:1・4:3・3:2・16:9の違いと解像度一覧
写真や商品画像を作成するときに、「1:1」「4:3」「3:2」「16:9」といった数字を見ることがあります。
これは「アスペクト比」と呼ばれ、画像の横と縦の比率を表しています。
例えば、1:1なら正方形、16:9なら横に広い画像になります。ECサイトの商品画像、SNS投稿、Web広告、動画などでは、掲載先によって適したアスペクト比が異なります。
また、同じ16:9でも、1920×1080px・1280×720px・3840×2160pxのように、さまざまな解像度があります。
本記事では、アスペクト比の基本から、1:1・4:3・3:2・16:9・9:16の違い、代表的な解像度、商品撮影での使い分けまで解説します。
目次
- アスペクト比とは
- アスペクト比と解像度の違い
- アスペクト比の計算方法
- 1:1の特徴と解像度一覧
- 4:3の特徴と解像度一覧
- 3:2の特徴と解像度一覧
- 16:9の特徴と解像度一覧
- 9:16の特徴と解像度一覧
- 4:5の特徴と使い方
- 商品撮影ではどのアスペクト比を使えばいい?
- ECサイトの商品画像で比率を統一するメリット
- SNS・広告・動画で使う場合
- 撮影時からトリミングを想定する
- アスペクト比を変更するときの注意点
- まとめ
アスペクト比とは
アスペクト比とは、画像や画面の横幅と縦幅の比率です。
例えば、
1:1→ 横と縦が同じ長さ
4:3→ 横4に対して縦3
16:9→ 横16に対して縦9
という意味です。
実際の画像サイズが何ピクセルであっても、横と縦の割合が同じであれば同じアスペクト比になります。
例えば、
800×600px
1600×1200px
4000×3000px
は、すべて4:3です。
アスペクト比と解像度の違い
アスペクト比と解像度は混同されることがありますが、意味は異なります。
アスペクト比
画像の「形」を示します。
例えば、
- 1:1
- 4:3
- 3:2
- 16:9
などです。
解像度・ピクセルサイズ
画像を構成するピクセル数を表します。
例えば、
1920×1080px
3840×2160px
などです。
この2つはどちらも16:9ですが、3840×2160pxの方が多くのピクセルを持っています。
つまり、
- アスペクト比=画像の縦横の形
- ピクセルサイズ=画像が持つピクセル数
と考えると分かりやすくなります。
解像度やピクセルについては、以下の記事で詳しく解説しています。
画像の解像度とは?
アスペクト比の計算方法
アスペクト比は、画像の横幅と縦幅を最も簡単な比率にしたものです。
例えば、1920×1080pxの場合、
1920 ÷ 120 = 16
1080 ÷ 120 = 9
なので、16:9となります。
一方、1600×1200pxの場合は、
1600 ÷ 400 = 4
1200 ÷ 400 = 3
なので、4:3です。
画像編集ソフトなどを使用しなくても、横と縦の比率からアスペクト比を確認できます。
1:1の特徴と解像度一覧
1:1は、横と縦が同じ長さの正方形です。
商品画像やSNS投稿などで使いやすい比率です。
代表的な画像サイズには、
- 500×500px
- 800×800px
- 1000×1000px
- 1200×1200px
- 2000×2000px
- 3000×3000px
などがあります。
すべて横と縦が同じため、アスペクト比は1:1です。
1:1が向いている用途
1:1は、
- ECサイトの商品一覧
- 商品単体画像
- SNS投稿
- サムネイル
- コスメ
- 雑貨
- 食品
- アクセサリー
などで利用しやすい比率です。
商品を中央に配置しやすく、縦長・横長の商品が混在するECサイトでも画像枠を統一しやすいメリットがあります。
4:3の特徴と解像度一覧
4:3は、写真やカメラでよく使われる比率の一つです。
正方形より少し横長で、商品と周囲の余白を一緒に見せたい場合にも使いやすい比率です。
代表的な4:3の解像度は、
- 640×480px
- 800×600px
- 1024×768px
- 1600×1200px
- 2048×1536px
- 3200×2400px
- 4000×3000px
などです。
4:3が向いている用途
4:3は、
- 一般的な写真
- 商品写真
- 料理写真
- スタイリング写真
- Webコンテンツ
- 商品使用イメージ
などに使いやすい比率です。
スマートフォンやデジタルカメラでも、撮影時の設定として4:3を選択できる場合があります。
3:2の特徴と解像度一覧
3:2は、一眼レフやミラーレスカメラなどでよく利用される比率です。
4:3より横長で、写真らしいバランスを作りやすい特徴があります。
代表的な3:2の画像サイズには、
- 900×600px
- 1200×800px
- 1500×1000px
- 3000×2000px
- 4500×3000px
- 6000×4000px
などがあります。
3:2が向いている用途
3:2は、
- 商品のイメージ写真
- モデル撮影
- アパレル撮影
- スタイリング写真
- 広告写真
- ブランドビジュアル
などで利用できます。一眼カメラで撮影したデータを、そのままに近い比率で使用したい場合にも扱いやすいでしょう。
16:9の特徴と解像度一覧
16:9は、横長の画面や動画で広く使用される比率です。
代表的な16:9の解像度には、
- 640×360px
- 1280×720px
- 1920×1080px
- 2560×1440px
- 3840×2160px
などがあります。1920×1080pxは「フルHD」、3840×2160pxは一般に「4K UHD」と呼ばれるサイズです。
16:9が向いている用途
16:9は、
- 商品動画
- YouTube
- Web動画
- 横長のメインビジュアル
- Web広告
- プレゼンテーション
- LPのキービジュアル
などで利用されています。
商品写真だけでなく動画にも展開する場合は、16:9で使用する可能性も想定して撮影するとよいでしょう。
商品動画についてはこちらでも解説しています。
商品動画について見る
9:16の特徴と解像度一覧
9:16は16:9を縦向きにした比率です。
スマートフォンを縦に持った状態で画面いっぱいに表示しやすいため、縦型動画でよく使用されます。
代表的な画像・動画サイズには、
- 720×1280px
- 1080×1920px
- 1440×2560px
- 2160×3840px
などがあります。
9:16が向いている用途
例えば、
- Instagramリール
- Instagramストーリーズ
- TikTok
- YouTube Shorts
- 縦型広告
などです。商品動画をSNS広告にも使用する場合は、横型16:9だけでなく9:16も想定しておくと展開しやすくなります。
4:5の特徴と使い方
4:5は、正方形よりも縦長の比率です。
例えば、1080×1350pxは4:5です。
スマートフォンの画面上で正方形より大きく表示できるため、SNSのフィード投稿などで利用されます。
商品写真でも、
- ファッション
- モデル
- コスメ
- 縦長の商品
- スタイリング写真
などと相性の良い比率です。ただし、SNSや広告サービスの仕様は変更されることがあるため、投稿時には各サービスの最新仕様を確認してください。
商品撮影ではどのアスペクト比を使えばいい?
商品撮影に「必ずこの比率を使用する」という決まりはありません。
重要なのは、写真を最終的にどこで使用するかです。
ECの商品一覧に使用する場合
商品一覧では、1:1など統一した比率を使うと写真を並べやすくなります。
ただし、使用するECモールやカートシステムの仕様を確認してください。
商品詳細ページに使用する場合
商品全体やディテールを見せる写真では、商品形状に合わせた比率を利用できます。
例えば横長の商品なら横位置、アパレルやボトルなど縦長の商品なら縦位置の写真も有効です。
ブランドイメージを見せる場合
スタイリング写真やモデル写真では、4:3や3:2など、商品だけでなく周囲の空間まで使える比率が向いている場合があります。
スタイリング写真について見る
ECサイトの商品画像で比率を統一するメリット
ECサイトでは、商品画像の比率をある程度統一すると、商品一覧を整理して見せやすくなります。
例えば、
商品A:正方形
商品B:極端な横長
商品C:縦長
という状態では、一覧ページで商品サイズがバラバラに見える場合があります。
メインの商品画像について、
- アスペクト比
- 商品の表示サイズ
- 余白
- 背景
- 撮影角度
をそろえておくと、サイト全体の統一感を作りやすくなります。
EC商品画像については以下の記事も参考にしてください。
ECサイトの商品撮影・商品画像の作り方
ECモールによって画像仕様は異なる
Amazon、楽天市場、Yahoo!ショッピング、Shopifyなどでは、使用できる画像サイズや形式、推奨される画像の作り方が異なります。
そのため、
「ECの商品画像だから必ず1:1」
のように一律で考えるのではなく、実際に掲載するサービスの仕様を確認することが重要です。
各サービスの商品画像については以下の記事でも解説しています。
Amazonの商品画像ガイドライン
楽天市場の商品画像ガイドライン
Yahoo!ショッピングの商品画像ガイドライン
Shopifyの商品画像について
また、主要な通販サイトの商品画像サイズはこちらでまとめています。
通販サイトの商品画像サイズガイド
SNS・広告・動画では縦横両方を想定する
ECサイトだけでなくSNSや広告にも商品写真を使用する場合、1つのアスペクト比だけでは対応しにくいことがあります。
例えば、1回の商品撮影から、
ECサイト→ 1:1
SNSフィード→ 4:5
縦型動画→ 9:16
Web・YouTube→ 16:9
など複数の形式へ展開する場合があります。
そのため、撮影前に使用媒体を整理しておくことが重要です。
撮影時からトリミングを想定する
複数のアスペクト比で同じ写真を使う場合は、撮影時からトリミングを想定します。
例えば、3:2で撮影した写真を後から1:1にすると、左右の部分が大きく切り取られます。
商品を画面いっぱいに配置していると、
- 商品が途中で切れる
- ロゴが切れる
- 手や足が切れる
- 小物がなくなる
- 構図が崩れる
といった問題が起こります。
複数媒体への展開を予定している場合は、商品周辺に余白を残して撮影すると調整しやすくなります。
縦位置と横位置の両方を撮っておく
用途が多い商品撮影では、同じ構図を無理に何種類もの比率へ切り取るよりも、最初から縦位置と横位置の両方を撮影しておく方法もあります。
例えば、
- ECメイン画像用
- LP横長画像用
- Instagram用
- 縦型広告用
などを撮影前に整理しておけば、それぞれに適した構図を作れます。
特にモデル撮影やスタイリング撮影では、後からトリミングできる範囲に限界があるため、事前設計が重要です。
アスペクト比を変更するときの注意点
画像のアスペクト比を変更するときには、いくつか注意点があります。
画像を引き伸ばさない
例えば4:3の画像を、そのまま横方向へ引き伸ばして16:9にすると、商品そのものの形が変わって見えます。
アスペクト比を変更するときは、基本的にはトリミングや余白の調整を行います。
商品を切りすぎない
商品画像では、デザインや形が正確に分かることが重要です。
比率へ合わせることを優先して、商品の一部を必要以上に切らないよう注意しましょう。
元画像を残しておく
一度1:1にトリミングした画像だけを保存すると、後から16:9や4:5へ変更するときに必要な部分が残っていない可能性があります。
元画像は別に保存し、使用媒体ごとに書き出すことをおすすめします。
解像度も確認する
トリミングすると画像のピクセル数も少なくなります。
例えば、横長の写真から中央部分だけを大きく切り取ると、完成画像のピクセル数が不足する場合があります。
アスペクト比とあわせて、画像サイズも確認しましょう。
アスペクト比と解像度は別々に考える
画像を作成するときは、どの形で見せるか=アスペクト比と、どのくらいの大きさ・細かさで保存するか=ピクセルサイズ・解像度を分けて考えることが重要です。
例えば16:9という情報だけでは、画像が高画質かどうかは分かりません。640×360pxも16:9ですし、3840×2160pxも16:9です。
アスペクト比を決めたあと、実際の使用媒体に必要なピクセル数を設定しましょう。
まとめ
アスペクト比とは、画像の横と縦の比率を表したものです。
代表的な比率には、
- 1:1:正方形の商品画像など
- 4:3:一般的な写真や商品写真
- 3:2:一眼カメラの写真やイメージ写真
- 16:9:動画や横長のWeb画像
- 9:16:縦型動画
- 4:5:縦長のSNS投稿
などがあります。
ただし、アスペクト比だけでは画像の画質は判断できません。同じ16:9でも、1280×720pxと3840×2160pxではピクセル数が異なります。
商品撮影では、
- 最終的にどこで使用するか
- 必要なアスペクト比は何か
- 必要なピクセル数はどの程度か
- 他の媒体へ展開する予定があるか
を撮影前に整理しておくことが大切です。
特にECサイト、SNS、広告など複数媒体で商品写真を使用する場合は、撮影時に十分な余白を確保したり、縦位置と横位置の両方を撮影したりすることで、後から活用しやすくなります。
AirPhotoでは、ECサイト、SNS、広告、LPなど、商品写真の使用目的に合わせた撮影に対応しています。
画像の解像度とは?
通販サイトの商品画像サイズガイド
商品撮影の料金を見る
AirPhotoの商品撮影サービスを見る
AirPhotoの商品撮影実績を見る
お問い合わせはこちら
お急ぎの場合はこちら:03-6824-2695
著者情報
著者:AirPhoto編集部
AirPhotoは、商品の魅力やブランドの世界観を伝える商品写真の撮影を行う撮影チームです。
商品撮影・スタイリング・モデル撮影・動画撮影・レタッチなどの実務を通じて得た知見をもとに、ECや商品写真に関する情報を発信しています。
