WordPressでブログを運営する際、意外と悩むのが画像サイズの設定です。
- OGP画像はどのサイズが正しい？
- アイキャッチは何px？
- プロフィール画像の推奨サイズは？
サイズを間違えると次の問題が起きます。
- SNSで画像が切れる
- 表示がぼやける
- ページ表示速度が遅くなる
この記事では、WordPressブログで使う主要画像の最適サイズをまとめて解説します。
WordPressで使う画像サイズ一覧
まず結論から紹介します。
| 用途 | 推奨サイズ |
|---|---|
| OGP画像 | 1200 × 630 px |
| アイキャッチ画像 | 1200 × 630 px |
| 記事内画像 | 800 × 450 px |
| 図解画像 | 800 × 800 px |
| 比較表画像 | 800 × 600 px |
| プロフィール画像 | 400 × 400 px |
| サイトアイコン | 512 × 512 px |
ブログ運営では、このサイズに統一するだけでデザインが安定します。
OGP画像の最適サイズ
OGP画像とは、SNSで記事がシェアされたときに表示される画像です。
例えば次のサービスで表示されます。
- X（旧Twitter）
- LINE
- はてなブックマーク
OGP画像の推奨サイズは次です。
1200 × 630 px
このサイズはほぼすべてのSNSに最適化されています。
WordPressでは以下のSEOプラグインで設定できます。
- All in One SEO
- Yoast SEO
- RankMath
また、アイキャッチ画像をOGPに設定するのが一般的です。
アイキャッチ画像のサイズ
アイキャッチ画像は次の場所に表示されます。
- 記事一覧
- 関連記事
- SNSシェア
推奨サイズは次です。
1200 × 630 px
OGPと同じサイズにすると、画像管理がとても楽になります。
つまりブログ運営では
OGP = アイキャッチ
として運用するのがベストです。
記事内画像のサイズ
記事の途中に入れる画像は、次のサイズがおすすめです。
800 × 450 px
または
960 × 540 px
理由は次の3つです。
- PCでもスマホでも見やすい
- 画像容量を軽くできる
- WordPressの表示幅に合う
画像容量は次を目安にしましょう。
100KB〜200KB
重すぎる画像はページ速度を遅くします。
図解画像のサイズ
ブログでは図解画像を入れると理解度が上がります。
おすすめサイズは次です。
800 × 800 px
このサイズは
- 図解
- フローチャート
- 手順説明
などに向いています。
例えば次のような内容です。
- WordPressの仕組み
- WordPressの構造
- 手順解説
図解を入れるとSEO滞在時間が伸びる効果があります。
比較表画像のサイズ
ランキングや比較記事では、比較表を画像化すると見やすくなります。
おすすめサイズ
800 × 600 px
比較表は画像化すると、スマホでも見やすくなります。
プロフィール画像のサイズ
プロフィール画像は、ブログの信頼性に影響します。
推奨サイズは次です。
400 × 400 px
または
512 × 512 px
理由
- 円形表示でも綺麗
- 高解像度ディスプレイ対応
プロフィール画像は
- サイドバー
- コメント欄
- 著者情報
などに表示されます。
サイトアイコン（ファビコン）
サイトアイコンは、ブラウザのタブに表示される小さなアイコンです。
推奨サイズ
512 × 512 px
設定場所
外観 → カスタマイズ → サイト基本情報
WordPressは自動で
- 32px
- 180px
などのサイズを生成します。
画像形式はWebPがおすすめ
画像形式は次の3種類があります。
| 形式 | 用途 |
|---|---|
| JPEG | 写真 |
| PNG | ロゴ・透過 |
| WebP | ブログ画像 |
現在は
WebP
が最もおすすめです。
理由
- JPEGより軽い
- 高画質
- SEOに有利
ブログ画像のSEO設定
画像SEOでは次の3つが重要です。
ファイル名
悪い例
IMG1234.jpg
良い例
wordpress-guide.webp
alt属性
altは画像の説明です。
例
WordPressの仕組みを解説した図
Googleはaltを参考に画像内容を理解します。
画像容量
理想
100KB〜200KB
重い画像はページ速度を低下させます。
ブログ画像の理想構成
SEO記事では次の構成がおすすめです。
3000文字の記事
↓
画像3〜5枚
例
1 アイキャッチ
2 図解
3 比較表
4 ランキング
この構成は多くの上位ブログが採用しています。
まとめ
WordPressブログでは、画像サイズを統一することが重要です。
おすすめ設定は次の通りです。
| 用途 | サイズ |
|---|---|
| OGP | 1200×630 |
| アイキャッチ | 1200×630 |
| 記事画像 | 800×450 |
| 図解 | 800×800 |
| 比較 | 800×600 |
| プロフィール | 400×400 |
| サイトアイコン | 512×512 |
最初にこのルールを決めておくと、ブログ運営がかなり効率化します。
