WordPressアイキャッチ画像のサイズ完全ガイド【2026年最新】

「WordPressのアイキャッチ画像はどのくらいのサイズにすればいいの？」「アップロードした画像が勝手にトリミングされてしまう」「SNSでシェアしたときに画像が切れて表示される」——WordPressでブログを運営していると、アイキャッチ画像のサイズで悩む場面は少なくありません。

この記事では、2026年時点での推奨サイズ、主要テーマごとの最適サイズ、SNSシェア時に綺麗に表示させるためのコツ、そしてiPhoneで撮影した写真をWordPressに最適なサイズでアップロードする方法まで、実務で役立つ情報を網羅的に解説します。

結論: WordPressアイキャッチ画像の推奨サイズは「1200×630px」

迷ったらまずこのサイズで作成すれば、大きな失敗はありません。横1200px × 縦630px（アスペクト比 約1.91:1）が、2026年現在の最も標準的な推奨サイズです。

なぜ1200×630pxなのか

このサイズは、Facebook・X（旧Twitter）・LinkedInなど主要SNSのOGP（Open Graph Protocol）画像の推奨サイズに合致しています。WordPressのアイキャッチ画像は、記事一覧のサムネイルとして表示されるだけでなく、SNSでシェアされた際のOGP画像としても使われます。ブログの拡散を狙うなら、OGP互換のサイズで作っておくのが合理的です。

最低でも「1200px以上の横幅」を確保する

近年のディスプレイは高解像度化が進み、Retinaディスプレイをはじめ2倍密度の表示が一般的になりました。横幅800pxの画像では、実表示サイズが400px程度の場所でもぼやけて見える場合があります。本文に大きく表示する用途を考えると、最低でも1200px、理想的には1920px以上の横幅を確保しておくと安心です。

用途別のおすすめサイズ一覧

アイキャッチ画像以外にも、WordPressで使う画像サイズは用途によって変わります。用途別にまとめました。

用途	推奨サイズ	アスペクト比	備考
アイキャッチ画像（OGP兼用）	1200×630px	約1.91:1	SNSシェアに最適
アイキャッチ画像（本文大きく表示）	1920×1080px	16:9	横長レイアウトのブログ向き
記事内の挿入画像	1200×800px	3:2	iPhone写真と同じ比率
サムネイル（一覧表示）	400×300px	4:3	WordPress自動生成で十分
ヘッダー画像	1920×600px	約3.2:1	テーマにより異なる
ロゴ	250×100px（目安）	可変	SVG推奨

主要WordPressテーマのアイキャッチ画像推奨サイズ

テーマによってアイキャッチ画像のトリミング方法や推奨サイズが異なります。人気テーマごとの推奨サイズを確認しましょう。

Cocoon（無料テーマ）

日本で人気の無料テーマCocoonでは、デフォルトでアイキャッチ画像が横1280px前後で表示されるよう設計されています。OGP画像としては自動的に1200×630pxで出力されるため、元画像は1280×720px以上であれば問題なく対応できます。

SWELL（有料テーマ）

SWELLは国内で高いシェアを持つ有料テーマで、アイキャッチ画像は1600×900px（16:9）が推奨されています。記事一覧でのカード型表示やスライダー表示に最適化されており、横長の画像が綺麗に収まります。

JIN:R / SANGO

ブロガー向けに人気のJIN:RやSANGOでは、1200×675px（16:9）前後を推奨しています。横長のヒーローエリアや記事カードにフィットするサイズです。

Astra / GeneratePress / Kadence

海外製の高速テーマ群（Astra、GeneratePress、Kadence）では、推奨サイズの縛りはあまり厳密ではありません。1200×630pxで作っておけば、どのレイアウトでも問題なく表示されます。

テーマの推奨サイズを確認する方法

使用中のテーマの推奨サイズを調べるには、次の3つの方法があります。

• テーマの公式ドキュメント（マニュアル）を確認する
• 管理画面の「外観」→「カスタマイズ」で画像アップロード欄に表示されるサイズを確認する
• デフォルトのデモサイトの画像をブラウザで右クリック→「画像のプロパティ」で寸法を確認する

SNSシェア時に画像が切れる問題の対処法

FacebookやX（旧Twitter）でシェアしたとき、「画像の上下や左右が切れて表示される」という経験はありませんか？ これはSNS各社の画像表示領域とアスペクト比のミスマッチが原因です。

SNS別の画像表示領域

プラットフォーム	推奨サイズ	表示アスペクト比
Facebook	1200×630px	1.91:1
X（Twitter）大きな画像カード	1200×628px	1.91:1
LinkedIn	1200×627px	1.91:1
はてなブックマーク	1200×630px	1.91:1
LINE	1200×630px	1.91:1

重要な要素は中央に配置する

プラットフォームによっては、サムネイル表示時に左右がわずかにトリミングされる場合があります。文字やロゴなど重要な要素は、画像の中央60〜70%のエリアに収まるようレイアウトすると、どのSNSでも安全に表示されます。

OGP画像を個別指定する方法

SNSシェア用の画像をアイキャッチ画像とは別に設定したい場合は、「All in One SEO」「Yoast SEO」「SEO SIMPLE PACK」などのSEOプラグインを使うと、記事ごとにOGP画像を個別指定できます。アイキャッチは縦長のブランドデザイン、OGPは横長の宣伝用、といった使い分けが可能です。

ファイル形式とファイルサイズの最適化

画像サイズ（ピクセル数）と同様に大切なのが、ファイル形式とファイル容量です。適切に最適化しないと、ページの表示速度が大幅に低下し、SEO評価にも悪影響があります。

推奨ファイル形式: WebP > JPEG > PNG

2026年時点で最も推奨されるのはWebP形式です。同じ画質でもJPEGの約30%、PNGの約50%のファイルサイズに圧縮できます。主要ブラウザはすべて対応済みで、WordPress 5.8以降は標準で扱えます。

• 写真: WebP または JPEG（品質80〜85%）
• イラスト・図形・透過が必要な画像: WebP または PNG
• アニメーション: WebP（アニメーション対応）または GIF

目標ファイルサイズ: 200KB以下

アイキャッチ画像1枚のファイルサイズは、200KB以下を目指しましょう。理想は100KB前後です。これを超えるとモバイル回線でのページ読み込みが遅くなり、Core Web Vitals（LCP）にも悪影響があります。

WordPressに最適化プラグインを導入する

アップロード時の自動最適化には、以下のプラグインが定番です。

• EWWW Image Optimizer: 無料でWebP自動変換に対応
• Smush: 一括圧縮機能が強力
• ShortPixel: 有料だが圧縮率と画質のバランスが優秀
• Converter for Media: WebP・AVIFへの自動変換特化

iPhoneで撮影した写真をアイキャッチ画像にする方法

iPhoneで撮影した写真をそのままアイキャッチ画像に使いたい方も多いはずです。しかし、iPhoneの写真には特有の課題があります。

iPhone写真の典型的なサイズ

iPhone 14/15/16で撮影した写真のデフォルトサイズは、4032×3024px（約1200万画素、3:2比率）が基本です。ファイル形式はHEIC（高圧縮版のHEIF）で、1枚あたり2〜4MBになります。

WordPressに上げる前に行うべき3つの処理

1. HEIC → JPEG（またはWebP）への変換: WordPressの一部のテーマ・プラグインはHEICに非対応です。汎用性を考えるとJPEGかWebPに変換するのが無難です
2. リサイズ: 4032×3024pxは大きすぎるので、1200×800pxや1920×1280pxにリサイズします
3. 圧縮: 品質80〜85%で書き出してファイルサイズを200KB以下に抑えます

iPhone標準の「写真」アプリでリサイズする

iOS 17以降、「写真」アプリで画像を選択してシェアシートを開くと「HEICまたはJPEGを選ぶ」ダイアログが表示され、フォーマット変換が簡単になりました。また、「ショートカット」アプリで「画像のサイズを変更」アクションを使えば、バッチ処理も可能です。

SnapPressで自動リサイズ＋HEIC自動変換

より手軽に運用したい場合は、SnapPressの利用がおすすめです。iPhoneの写真をWordPressに直接一括アップロードできるアプリで、以下の処理がすべて自動で行われます。

• HEIC → JPEG自動変換: iPhone特有のHEIC形式もWordPressで扱える形に変換
• 画質レベル選択: 「原寸」「中」「小」の3段階から選択可能。「中」を選べばWeb表示に最適なサイズに自動リサイズされます
• 一括処理: 最大20枚を一度に選択してワンタップでアップロード
• メディアライブラリに直接登録: アップロード後すぐに記事のアイキャッチ画像として設定可能

撮影したばかりの写真をその場でアイキャッチに使いたい場面や、商品撮影後すぐに商品ページに画像を上げたいECサイト運営者に特におすすめです。

アイキャッチ画像を設定する際のよくある失敗

失敗1: 文字が小さすぎてサムネイルで読めない

アイキャッチに文字を入れる場合、最大文字サイズは画像高さの10%以上を目安にしましょう。1200×630pxなら文字高さ60px以上が望ましいです。サムネイル表示時（400×210px程度）でも読めるサイズを意識してください。

失敗2: 縦長の写真をそのままアップロード

ポートレート撮影の縦長写真（3:4や9:16）をそのままアイキャッチにすると、横長表示エリアで上下がトリミングされて頭や足が切れることがあります。縦長写真は事前に横長にトリミングしておきましょう。

失敗3: 画質の悪い画像をアップロードしてしまう

インターネットで拾った低解像度画像（幅500px程度）をアップロードすると、拡大表示でぼやけてしまいます。最低でも1200px以上の横幅を確保しましょう。また、画像の著作権にも注意が必要です。

失敗4: ファイル名が「IMG_1234.jpg」のまま

WordPressにアップロードする前に、内容を表すファイル名にリネームしましょう。たとえば「tokyo-cafe-interior.jpg」のような名前にすると、画像検索からの流入も期待できます。日本語ファイル名はサーバーによってURLエンコードされるため、半角英数字とハイフンでの命名を推奨します。

よくある質問

アイキャッチ画像のサイズは固定すべきですか？

はい、記事ごとにアイキャッチ画像のサイズを揃えることを強く推奨します。サイズがバラバラだと、記事一覧ページで表示が崩れたり、カードの高さが揃わずに見栄えが悪くなります。テンプレートを作って、すべての記事で同じサイズを使いましょう。

iPhoneで撮った写真をそのままアップロードして大丈夫？

4032×3024pxの高解像度写真をそのままアップロードすると、ファイルサイズが大きすぎて表示速度が遅くなります。事前に1200〜1920pxにリサイズするか、SnapPressのような自動リサイズ機能付きのアプリを使うのがおすすめです。

WordPressのメディア設定でサイズが変わる？

WordPressの「設定」→「メディア」で指定した「サムネイル」「中サイズ」「大サイズ」は、自動生成される追加サイズの上限値です。元画像のサイズには影響しません。テーマが独自のサイズを定義している場合もあるため、使用中のテーマに合わせて調整してください。

Retinaディスプレイ対応は必要ですか？

はい、必要です。Retina（2倍密度）ディスプレイで綺麗に表示するには、表示サイズの2倍の解像度で画像を用意する必要があります。600pxで表示する場所には1200pxの画像を、といった具合です。1200×630pxは多くの用途でRetina対応をカバーできるサイズです。

WebPはすべてのブラウザで表示できますか？

2026年時点で、Chrome・Safari・Firefox・Edgeなど主要ブラウザはすべてWebPに対応しています。古いブラウザ（IE11など）は非対応ですが、ほぼ無視して問題ない使用状況です。不安な場合は、プラグイン側でWebP非対応ブラウザにJPEGフォールバックを自動提供するものを選びましょう。

正方形のアイキャッチ画像は使えますか？

Instagramなどでシェアされることを想定するなら、正方形（1080×1080pxなど）も選択肢になります。ただし、Facebook・X・LinkedInでは横長の方が表示効率が良いため、メインは1200×630pxで作り、Instagram用には別途OGPプラグインで正方形版を設定する方法が推奨されます。