「アイキャッチ画像って、結局何ピクセルで作ればいいの？」「せっかく作った画像が、記事一覧やSNSでシェアしたときに見切れてしまう…」そんな経験はありませんか？
アイキャッチ画像のサイズは、なんとなくで決めてしまうと表示崩れやページの表示速度低下の原因になります。この記事では、ブログのアイキャッチ画像に最適なサイズとその理由、見切れを防ぐコツ、表示速度を落とさないための軽量化のポイントまで、初心者向けにわかりやすく解説します。
アイキャッチ画像の推奨サイズは「1200×630px」
結論から言うと、ブログのアイキャッチ画像は横1200ピクセル×縦630ピクセル程度で作るのが基本です。これはアスペクト比でいうと約1.91：1にあたります。
このサイズが推奨される理由は主に2つあります。
- 多くのWordPressテーマの表示規格に合っている：記事一覧やトップページのサムネイル表示は、この比率を前提にデザインされているテーマが多く、崩れにくくなります
- SNSのOGP表示にも対応できる：X（旧Twitter）やFacebookでURLをシェアしたときのカード表示も、同じく1.91：1の比率が基本になっているため、記事とSNSの両方で使い回せる画像を1つ作るだけで済みます
使用しているテーマによっては、記事一覧を16:9（1280×720px程度）で表示する場合もあります。その場合はテーマの推奨サイズに合わせるのが確実ですが、迷ったら1200×630pxを基準にしておけば大きな失敗はありません。
サイズを間違えるとどうなる？
「多少サイズが違っても、自動でリサイズされるから問題ないのでは？」と思うかもしれませんが、実際にはいくつかの落とし穴があります。
画像が見切れる・重要な部分が切れる
WordPressやテーマ側で自動トリミングされる際、想定していた比率と違う画像をアップロードすると、伝えたい部分が切り取られてしまうことがあります。特に文字や顔などを画像の端に配置していると、見切れによって意味が伝わらなくなるケースが目立ちます。
SNSシェア時に表示が崩れる
比率がずれた画像をそのままOGP画像として使うと、SNS上でのカード表示で上下や左右が不自然にトリミングされることがあります。ブログへの流入経路としてSNSシェアを意識しているなら、この比率のズレは無視できないポイントです。
ファイルサイズが大きくなり表示速度が落ちる
必要以上に大きい解像度の画像をそのままアップロードすると、ページの表示速度が遅くなる原因になります。表示速度はSEO評価にも関わる要素なので、サイズと合わせて「軽さ」も意識する必要があります。
アイキャッチ画像を作るときのポイント
比率を統一してテンプレート化する
CanvaなどのデザインツールでWordPress表示の可能サイズ（1200×630pxなど）のテンプレートを作っておくと、毎回サイズを計算し直す手間がなくなります。ブログ全体のアイキャッチのテイストを統一しておくと、記事一覧の見た目もすっきりまとまります。AIで手軽にアイキャッチ画像を作りたい場合は、AI画像生成でブログのアイキャッチを作る方法【2026年版】も参考にしてみてください。
文字やロゴは中央寄りに配置する
トリミングされても情報が欠けないように、伝えたい文字や要素は画像の中央付近にまとめて配置するのが安全です。四隅ギリギリに文字を置くと、テーマやSNSごとのトリミングで見切れるリスクが高まります。
アップロード前に画像を圧縮する
サイズ（縦横のピクセル数）だけでなく、ファイル容量（KB・MB）も意識しましょう。特にスマートフォンで撮影した写真や高解像度のイラストは、そのままアップロードすると数MBになることも珍しくありません。プラグインを使って自動圧縮する方法はEWWW Image Optimizerの設定方法｜画像を自動圧縮して表示速度を改善で詳しく解説しています。
画像形式（拡張子）の選び方
サイズと合わせて、画像形式もページ表示速度に影響します。
- JPEG：写真やグラデーションを含む画像に向いており、比較的軽量
- PNG：文字やアイコンなど輪郭がはっきりした画像に向くが、写真ではファイルサイズが大きくなりやすい
- WebP：JPEGやPNGより軽量で、画質もほぼ維持できるため近年主流になりつつある形式
迷ったら、写真ベースのアイキャッチはJPEGかWebP、イラスト・文字中心のアイキャッチはPNGかWebPを選ぶとバランスが良いでしょう。
まとめ
この記事では、ブログのアイキャッチ画像の最適サイズについて解説しました。
- 推奨サイズは横1200×縦630px（比率1.91：1）で、テーマ表示とSNSのOGP表示の両方に対応できる
- サイズが合っていないと、画像の見切れやSNSシェア時の表示崩れの原因になる
- 解像度を上げすぎるとファイル容量が増え、表示速度低下につながる
- 文字やロゴは中央付近に配置し、トリミングされても情報が欠けないようにする
- アップロード前の圧縮や、WebPなど軽量な画像形式の活用も意識する
アイキャッチ画像は、記事の第一印象を決める大切な要素です。サイズと軽さの両方を意識して、読者にもSNSにも崩れず伝わる画像作りを心がけましょう。