【WordPress超入門】アイキャッチの最適なサイズとは？
ナナスタ
今回は、「WordPressの投稿のアイキャッチの最適なサイズ」について解説します。それでは、ごゆっくり見ていってください！
アイキャッチとは
アイキャッチとは記事のメイン画像のことです。画面だと↓以下の部分。
記事一覧やSNSにリンクをはったときもこのアイキャッチが使われることが多いので、非常に重要な画像になります。
WordPressのアイキャッチのサイズの決め方
WordPressの投稿のアイキャッチを決めるおすすめの方法は以下の３つがあります。
- SNS推奨のサイズ
- テーマ推奨のサイズ
- Google Discover推奨のサイズ
当サイトでは、現在のデバイスの解像度の市況、ネットの情報などを総合して、
①SNS ＞ ②テーマ ＞ ③Google Discover
の順に優先度を設定して、特に指定がない場合は採用されていることが多い縦横比「1 : 1.91」である以下をアイキャッチの基準のサイズとします。
1,200px × 630px
実際はアイキャッチの推奨サイズは統一されていないんですね。そのため、色々なサイトがイイトコ取りをして、いろいろな推奨サイズが提唱されているカオスな状態になっています。このサイトもその一つ。
以下は、現状のSNSやテーマの推奨サイズの紹介です。合わせてご覧ください。
SNS推奨のサイズ
Facebookの場合
高解像度デバイス上での表示が最適な状態になるようにするには、1200×630ピクセル以上の画像を使います。Facebook公式 – リンクシェアの中の画像指定
Facebookの推奨縦横比は、1.91:1
Facebookの推奨サイズは、1,200px×630px（基準のサイズと同じ）
Twitterの場合
Images for this Card support an aspect ratio of 2:1 with minimum dimensions of 300×157 or maximum of 4096×4096 pixels.Twitter公式 – Cards – Reference
Twitterの推奨縦横比は、2:1
Twitterの推奨サイズは、1,200px×600px（幅をFacebookと同じ1,200pxとすると）
Instagramの場合
幅が320～1080ピクセルの写真をシェアする場合、写真のアスペクト比が1.91:1～4:5(幅1080ピクセル、高さ566～1350ピクセル)の写真であれば、写真の元の解像度が保持されます。Instagram公式 – Instagramで写真をシェアするときの画像の解像度を教えてください。
Instagramの横長の推奨縦横比は、1.91:1
Instagramの最大幅は、1,080px
テーマ推奨のサイズ
SWELLの場合
推奨サイズは横幅1600pxと書いていますが、これは投稿ページのアイキャッチ画像やタイトル背景画像としても使用される可能性があり、さらにMacなどの高解像度のディスプレイも考慮してのサイズです。SWELL公式 – NO IMAGE（ノーイメージ）画像の設定方法
SWELLの推奨縦横比は、なし
SWELLの推奨横幅は、1,600px（参考程度）
Cocoonの場合
ちなみに変更できるサムネイル画像の縦横比はこちら。
9:16, 1:1.777..（ワイド）
約5:8, 1:1.618..（黄金比）
約5:7, 1:1.414..（白銀比）
3:4, 1:1.333..（スタンダード）
1:1（正方形）Cocoon公式 – テーマ全体のサムネイル画像の縦横比（アスペクト比）を変更する方法
Cocoonの推奨縦横比は、いろいろ選べる
Affingerの場合
Affingerの推奨縦横比は、明記なし
Google Discover推奨のサイズ
サイズの大きい画像は、幅を 1,200 ピクセル以上とし、max-image-preview:large の設定または AMP を使用して有効にする必要があります。Google Discover公式 – Article
Google Discoverの推奨縦横比は、なし
Google Discoverの推奨横幅は、1200px
Google砲をねらうならコレ！
まとめ
以上、WordPressの投稿のアイキャッチの最適なサイズについて解説してきました。今回の記事が少しでも参考になれば幸いです。それではまた！
