Picovert

WordPressアイキャッチ画像サイズ — テーマ別おすすめ寸法

Picovert チーム著2026-04-065分で読了

WordPressは画像をアップロードするとき自動的に複数のサイズを生成しますが、アイキャッチ画像は ブログ一覧、ソーシャルシェア、記事の先頭に表示されるものです。アップロード前に寸法と形式を 正しく設定することで、帯域幅を節約し、ぼやけたサムネイルを防ぎ、サイトの読み込み速度を 維持できます。

推奨アイキャッチ画像サイズ

WordPressアイキャッチ画像の最も安全な汎用サイズは1200×628 pxです。 これはOpen Graph寸法(1.91:1比率)と一致するため、記事がFacebook、Twitter、LinkedInで シェアされたときにトリミングなしで完璧にレンダリングされます。またほとんどのテーマの 最小幅も超えています。

  • 推奨: 1200×628 px(1.91:1 — OG対応)
  • 16:9の代替: 1200×675 px(マガジンテーマに一般的)
  • 正方形の代替: 1200×1200 px(すべてのアスペクト比テーマで動作)
  • 最小安全幅: 600 px(それより狭いと全幅表示でぼやける)

1200×628 pxがすべてのテーマで機能する理由

WordPressテーマはアイキャッチ画像に異なるトリミング比率を適用します。一覧では16:9、 サイドバーでは正方形のトリミングを表示するテーマもあります。1200×628 pxに近い画像を アップロードすれば、WordPressはアップスケールなしに一般的な比率へトリミングするのに 十分なピクセルを持てます。アップスケールがぼやけたサムネイルの原因です。

厳密な16:9要件があるテーマ(ニュース・マガジン系の多く)には1280×720 pxまたは 1920×1080 pxを使用してください。ポートフォリオレイアウトのような正方形重視のテーマには 1200×1200 pxが安全です。迷った場合、1200×628 pxが最も多くのユースケースをカバーします。

WordPressアイキャッチ画像に最適なファイル形式

画像の内容に応じて形式を選択してください:

  • JPEG (.jpg) — 写真、商品撮影、グラデーションや複雑な色のある画像に最適。 WordPressはサムネイル生成時にJPEGを再圧縮するため、高品質の原本(品質80〜90%)から 始めてください。
  • PNG (.png) — テキストオーバーレイ、ロゴ、または大きなフラットカラー領域の あるグラフィックに最適。PNGはロスレスなのでテキストが鮮明に保たれますが、ファイルサイズが 大きくなります。
  • WebP (.webp) — WordPress 5.8以降でサポート。同等の品質でJPEGよりファイル サイズが小さい。現代ブラウザを主に使う読者にはWebPを使用してください。

HEICやRAWファイルを直接WordPressにアップロードするのは避けてください — ほとんどのテーマで 表示できず、メディアライブラリは汎用ファイルとして扱います。先に PicovertのImage Converterを使ってJPEGまたはWebPに変換してください。

WordPress自動生成の画像サイズ

画像をアップロードすると、WordPressは自動的にこれらの追加サイズを作成します(デフォルト設定):

  • サムネイル: 150×150 px(ハードクロップ正方形)
  • : 最大300×300 px(クロップなし、スケールのみ)
  • 中-大: 最大幅768 px
  • : 最大1024×1024 px(スケール)
  • フル: アップロード時の元のサイズ

各リサイズはストレージを消費します。4000×3000 pxの画像をアップロードすると、WordPressは 5つ以上のバージョンを保存します。1200×628 pxでアップロードすれば、自動生成されるすべての サイズに十分な解像度を提供しながらストレージを節約できます。

アップロード前に圧縮する

WordPressはある程度の自動圧縮(デフォルトJPEG品質82%)を行いますが、ファイルのアップロード 後に適用されます — そのため5 MBの原本はそのままのサイズで保存されます。事前圧縮がサーバー ストレージとページ読み込み時間を削減する最も効果的な方法です。

アップロード前の目標ファイルサイズ:

  • 写真(JPEG): 100〜250 KB
  • グラフィック(PNG): 50〜150 KB
  • WebP: 60〜180 KB

目に見える品質低下なしにファイルサイズを削減するには、Picovertの画像圧縮ツールを使用してください。 1200×628 pxの画像をドラッグし、品質を80%に調整してダウンロード — アカウント不要、 ソフトインストール不要です。

正しい寸法へのリサイズ方法

元画像が大きすぎるか、比率が合わない場合は先にリサイズしてください:

  1. Picovertの画像リサイズツールを開きます。
  2. 写真をアップロードし、幅を1200 px、高さを628 pxに設定します。
  3. トリミングか引き伸ばしを選択します。アイキャッチ画像の場合、通常はトリミングの方が 良い — アスペクト比が保たれます。
  4. リサイズした画像をダウンロードし、WordPressにアップロードする前に圧縮します。

よくある間違いを避ける

  • 2000 pxより広い画像のアップロード — 見た目の改善はなく、ストレージの 無駄です。WordPressはほとんどのテーマでそれほど大きな画像を表示しません。
  • 圧縮せずにアップロード — 3 MBのアイキャッチ画像は、それが一覧に 表示されるすべてのページに3 MBを追加します。
  • サムネイルのトリミングを無視 — WordPressはサムネイルを中央からトリミング します。被写体が中央から外れている場合は、メディアエディタで焦点を設定するか、 Thumbnail Crop Positionプラグインを使用してください。
  • 写真にPNGを使う — PNG写真は同等の視覚的品質のJPEGより3〜5倍大きい。 JPEGまたはWebPに切り替えてください。

クイックチェックリスト

  • 寸法: 1200×628 px(16:9テーマなら1200×675)
  • 形式: 写真はJPEG、テキスト付きグラフィックはPNG、現代の読者にはWebP
  • ファイルサイズ: アップロード前250 KB未満
  • 被写体を中央に: 中央クロップサムネイルに対応
  • 端にテキストなし: 重要なコンテンツを画像の中央80%に収める