WordPress・ブログのアイキャッチ画像のおすすめサイズ・比率!

アイキャッチサイズの比率

ブログやWordPressのアイキャッチ画像サイズには、おすすめサイズがあります。

文字を入れる場合も、いくつかの注意点を考慮しておくことで、切れて表示されることはなくなるでしょう。

アイキャッチ画像のおすすめサイズ・比率をご紹介します。

目次

WordPressのアイキャッチ推奨画像サイズと比率

  • 1200px × 630px(1.91:1)
  • 1200px × 675px(16:9)
WordPressのアイキャッチ推奨画像サイズと比率

Googleは、検索結果に表示する画像サイズを1200px × 630px(1.91:1)と推奨しています。

また、それに近い比率感のサイズが、1200px × 675px(16:9)になります。

SNSでシェアした際のことを考慮すると、1200px × 630px(1.91:1)がオススメとなります

ただ、毎回、1.91:1という比率で作りづらい場合は、16:9で作るのもいいでしょう。

ちなみに、私は16:9で作ることがほとんどです。

どの写真加工アプリにも、16:9でのトリミング機能がついて、簡単に作れるからです。

ただし、シェアするSNSの表示比率や、正方形にトリミングされることを意識しておく必要があります。

SNSでシェアした時の表示サイズ

Twitterシェア時の表示サイズ例
Twitterでのシェア時
Facebookシェア時の表示サイズ
Facebookでのシェア時
  • Twitterの表示サイズ=2:1
  • Facebookの表示サイズ=1.91:1
SNSでシェアした時の表示サイズ

ブログが、OGP設定されている場合、SNSでシェアされると、アイキャッチ画像も表示してくれます。

Facebookは、1.91:1の比率で表示するため、1.91:1で作成した画像は、そのまま表示されます。

16:9で作った場合は、上下が少しカットされた形で表示されます。

Twitterにおいては、画像を1.91:1、16:9で作ったとしても、少しカットされます。

上下がカットされることを考慮しておく必要があります。

正方形にトリミングされることも意識しておく

正方形のトリミングサイズ

WordPressテーマによっては、記事サムネイル画像が、正方形である場合もあります。

それも考慮した上で、中央に被写体のメインを置くようにします。

また、文字を入れる場合も、中央の正方形におさまる形でデザインすると良いでしょう。

まとめ

WordPressのアイキャッチ推奨画像サイズと比率
  • 1200px × 630px(1.91:1)
  • 1200px × 675px(16:9)

2点のサイズで、作りやすい方でアイキャッチを制作するといいでしょう。

その際、SNSでの表示や正方形にカットにされることも考慮したアイキャッチ画像を作っておきましょう。

どんな形で表示されても、伝えたい部分が表示されることで、読者が印象的に感じてくれるはずです。

ブログに合う画像ファイルの形式や容量について解説している記事もあります↓

あわせて読みたい
令和時代のブログに使用する画像のサイズ、ファイル形式、容量の目安はコレ! ブログで使用する画像ファイルのサイズをどうしたらいいか、悩みます。 スマホからのアクセスが中心になっていく中、パソコンからのアクセスもあり、画像のサイズはどの...
あわせて読みたい
iPhoneで撮った写真をMacの写真.appで書き出す!ブログ用写真を作るのにピッタリなやり方! ブログ用の写真は、必ず一手間かけています。 iPhoneで撮った写真を使用する場合は、Macの写真.appで、画像補正やサイズ調整をして書き出します。 iPhoneに限らず、ダウ...

ブログカフェ開催のご案内!Blog Cafe

ブログ記事を書いたり、情報交換したり、ブログの悩みを共有できる場です。

ブログを始めたい方も、オンラインで気軽に参加できます。

次回のブログカフェは、2024年4月18日(木)夜開催

第61回ブログカフェ@オンライン4/18(木)夜開催

詳細・参加申し込みは、こちらから!

アイキャッチサイズの比率

この記事が気に入ったら
いいね または フォローしてね!

シェアはこちらから!
  • URLをコピーしました!
目次