アスペクト比の[1.91:1]を計算すると1200×630にはならない件

記事のトップに置くアイキャッチ画像のサイズは、一体いくつが正解なの?と調べてみると、上位の検索結果に並ぶお勧めサイズは「1200×630px」という数値です。

これはInstagramやtwitterなど、SNSで主流となっている比率「1.91:1」を基準にしていると書かれています。

が、、、

実は、これを比率計算ツールで計算してみると、この数字にはなりませんでした

念のために複数のツールで試してみましたが、
答えは皆「1200×628」(小数点以下四捨五入)でした。

(利用させていただきました ⇒ https://uzurea.net/resolution-100-191/

なぜこんなことを気にするかというと、こちらのサイトで使っているテーマCocoonでは、記事本文の横幅がデフォルトで800pxに設定されているので、その数値にあわせてアイキャッチを作る場合はどうサイズ設定しようかと悩んだことが始まりでした。

ファイル容量を考えても、800pxに設定してある幅より大きく作る必要もないかな…と思い、横幅800pxを最大にして、いくつかのパターンで計算してみました。

そのときに巷で目にする数値と計算の答えが違うことに気づき、深みにはまった次第です。

まぁ、630と628ではたったの「2px」しか違わないですから、画面上でその違いが認識できることはまず無いでしょう。とはいえ、なぜ「630」なのかが気になって気になって…。

小さなことが気になる…

細か過ぎ…

いや、でもサイズの早見表を作って並べると、長辺も短辺も1桁が「0」に揃うことは稀であることが良くわかります。

ワリカン感覚で「端数は切り捨て!」でいいなら、そのほうが覚えやすいじゃないですか…。

「630px」の根拠が知りたいのだけど、見つけられずにいます。

色々探してみると、広告系のサイトではバナー作成時のサイズ指定があり、アスペクト比1.91:1の場合、横幅1200pxのバナーの高さは「628px」と明示されています。

仕事として提出する場合、指定のあるものに対して、たとえ2pxとはいえ違うサイズで提出することはあり得ないと思うのです。

たとえばGoogle広告ヘルプでも、バナーの推奨ピクセル数は1,200×628となっています。また、アスペクト比が 1:1 と 1.9:1 以外の画像はトリミングする必要があるとも書かれているくらいです。

こうした指定に対して、果たして「2px」なのか、「たったの・・・・2px」なのか?

どう思います?

その点、個人サイトのアイキャッチぐらいキリのいい数字で行こうという暗黙のルールでもあるのでしょうか?

長辺800pxの場合、1.91:1で計算した短辺は「418px」になります。この答えから画像を作成するとき、「800×418」で作るべきか、「800×420」でいいんじゃない?ということなのか、最初の段階でビシッと決めておきたいところです。

アスペクト比別、画像サイズ早見表

Cocoonでは、インデックスなどで使われるサムネイル画像の縦横比率は以下の6種類から選択できます。

  • 9:16 (地デジ、Youtube) デフォルト
  • 約5:8 (黄金比)
  • 2:2 (一眼レフ比)
  • 約5:7(白銀比)
  • 3:4 (アナログテレビ比、デジカメ比)
  • 1:1 (正方形)

アイキャッチ画像に広く推奨されているアスペクト比は「1.91:1」です。

参考値:1.91:1 比率でサイズ計算

Instagram、Twitter

画像作成時の参考サイズとして、長辺を基準に計算しています。
長辺短辺備考
640335
680356
700366
720376
780408
800418Cocoon本文横幅
1200628推奨サイズ

16:9 比率でサイズ計算

地デジ、Youtube

画像作成時の参考サイズとして、長辺を基準に計算しています。
長辺短辺備考
640360
680383
700394
720405
800450Cocoon本文横幅
1200675
1280720HD
19201080フルHD
25601440WQHD

8:5(16:10) 比率でサイズ計算

黄金比

画像作成時の参考サイズとして、長辺を基準に計算しています。
長辺短辺備考
640400
720450
800500Cocoon本文横幅
1000625
1200750
1280800WXGA(プロジェクター)

3:2 比率でサイズ計算

一眼レフ比

長辺短辺備考
640426
720480
800533
1000666
1200800
1280853

7:5 比率でサイズ計算

白銀比

長辺短辺備考
640457
720514
800571
1000714
1200857
1280914

4:3 比率でサイズ計算

アナログテレビ・デジカメ比

画像作成時の参考サイズとして、長辺を基準に計算しています。
長辺短辺備考
640480VGA
680510
720540
800600SVGA
Cocoon本文横幅
1000750
1280960SXGA
16001200UXGA

1:1

正方形

長辺短辺備考
800800

視覚的な比較

テーマCocoonの本文幅に合わせて、横幅800pxに基準を置いて各アスペクト比ごとのサイズの違いを視覚的にわかりやすくしてみました。

タイトルとURLをコピーしました