家ブログの登録はこちらをクリック!

WordPressの投稿のアイキャッチの最適なサイズとは?|はじめてのWordPress家ブログの作り方

WordPressの投稿のアイキャッチの最適なサイズとは?

今回は、「WordPressの投稿のアイキャッチの最適なサイズ」について解説します。それでは、ごゆっくり見ていってください!

すべての記事をこちらにまとめました↓

あわせて読みたい
はじめてのWordPress家ブログの作り方(全記事まとめ) 「はじめてのWordPress家ブログの作り方」へようこそ! このシリーズでは、これからWordPressで施主ブログを作ってみようと思っている方に向けて、はじめてでもスムーズ...
この記事を書いている人
icon

ホームページやWEBシステムを作るお仕事をやっています。自らもWordPressで施主ブログを6年目運営中です→こちら

目次

アイキャッチとは

アイキャッチとは記事のメイン画像のことです。画面だと↓以下の部分。

WordPressアイキャッチとは?

記事一覧やSNSにリンクをはったときもこのアイキャッチが使われることが多いので、非常に重要な画像になります。

WordPressのアイキャッチのサイズの決め方

WordPressの投稿のアイキャッチを決めるおすすめの方法は以下の3つがあります。

  1. SNS推奨のサイズ
  2. テーマ推奨のサイズ
  3. Google Discover推奨のサイズ

当サイトでは、現在のデバイスの解像度の市況、ネットの情報などを総合して、①SNS>②テーマ>③Google Discoverの順に優先度を設定して、特に指定がない場合は採用されていることが多い縦横比「1 : 1.91」である以下をアイキャッチの基準のサイズとします。

1,200px × 630px

実際はアイキャッチの推奨サイズは統一されていないんですね。そのため、色々なサイトがイイトコ取りをして、いろいろな推奨サイズが提唱されているカオスな状態になっています。このサイトもその一つ。

以上です。

以下は、現状のSNSやテーマの推奨サイズの紹介です。よかったら合わせてご覧ください。

SNS推奨のサイズ

Facebookの場合

WordPressアイキャッチのおすすめサイズとは?1200-630px

高解像度デバイス上での表示が最適な状態になるようにするには、1200×630ピクセル以上の画像を使います。

Facebook公式 – リンクシェアの中の画像指定

Facebookの推奨縦横比は、1.91:1
Facebookの推奨サイズは、1,200px×630px(基準のサイズと同じ)

Twitterの場合

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の場合

WordPressアイキャッチのおすすめサイズとは?1200-630px

幅が320~1080ピクセルの写真をシェアする場合、写真のアスペクト比が1.91:1~4:5(幅1080ピクセル、高さ566~1350ピクセル)の写真であれば、写真の元の解像度が保持されます。

Instagram公式 – Instagramで写真をシェアするときの画像の解像度を教えてください。

Instagramの横長の推奨縦横比は、1.91:1
Instagramの最大幅は、1,080px

テーマ推奨のサイズ

SWELLの場合

WordPressアイキャッチのおすすめサイズとは?1200-630px

推奨サイズは横幅1600pxと書いていますが、これは投稿ページのアイキャッチ画像やタイトル背景画像としても使用される可能性があり、さらにMacなどの高解像度のディスプレイも考慮してのサイズです。

SWELL公式 – NO IMAGE(ノーイメージ)画像の設定方法

SWELLの推奨縦横比は、なし
SWELLの推奨横幅は、1,600px(参考程度)

Cocoonの場合

WordPressアイキャッチのおすすめサイズとは?1200-630px

ちなみに変更できるサムネイル画像の縦横比はこちら。
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の場合

WordPressアイキャッチのおすすめサイズとは?1200-630px

Affingerの推奨縦横比は、なし

Google Discover推奨のサイズ

WordPressアイキャッチのおすすめサイズとは?1200-630px

サイズの大きい画像は、幅を 1,200 ピクセル以上とし、max-image-preview:large の設定または AMP を使用して有効にする必要があります。

Google Discover公式 – Article

Google Discoverの推奨縦横比は、なし
Google Discoverの推奨横幅は、1200px

管理人tiu

Google砲をねらうならコレ!

アイキャッチの拡張子は何がおすすめ?

管理人tiu

準備中です!

まとめ

以上、WordPressの投稿のアイキャッチの最適なサイズについて解説してきました。

今回の記事が少しでも参考になれば幸いです。それではまた!

目次