Picovert

WordPress用画像圧縮方法:サイズ・形式・ツール

Picovert チーム著2026-02-055分で読了

画像は典型的なWordPressページの総ファイルサイズの50〜80%を占めます。圧縮されていないアップロードは サイトを遅くし、Core Web Vitalsのスコアを下げ、ホスティングコストを増加させます。 朗報は:WordPressにアップロードする前に画像を圧縮することが速くて簡単で、ページ速度と SEOランキングに測定可能な違いをもたらすということです。

後でなくアップロード前に圧縮する理由

WordPressはアップロードした画像ごとに3〜5つのサムネイルサイズを生成します。5 MBのオリジナルを アップロードすると、WordPressはサーバーに複数の大きなバージョンを作成します。アップロード前に オリジナルを圧縮すると:

  • 生成されたすべてのサムネイルが小さいソースから派生します — すべてのサイズでより小さいファイルサイズ
  • ホスティングアカウントで使用するディスクスペースが減ります — ストレージ制限のある共有ホスティングで重要
  • WordPressメディアライブラリでの画像アップロードが速くなります — 大量アップロード時に役立ちます

アップロード前に画像圧縮を使用してください。その後、WordPressプラグイン (Smush、ShortPixel、またはEWWW Image Optimizer)を使用してメディアライブラリにすでにあるものを 処理してください。

WordPress の最適画像サイズ

WordPressは特定の画像サイズを強制しませんが、大きすぎる画像をアップロードするとリソースが 無駄になります。アップロードサイズをテーマの実際のコンテンツ幅に合わせましょう:

  • 全幅画像(ヒーロー、バナー):全幅セクションに1920×1080 px。 多くのテーマはコンテンツを1200〜1440 pxに制限します — テーマのドキュメントを確認してください
  • ブログ投稿のアイキャッチ画像:ソーシャル共有プレビューの標準である1200×628 px(1.91:1)。 ほとんどのテーマはアイキャッチ画像を800〜1200 px幅で表示します
  • コンテンツ内画像:コンテンツ列幅に合わせてください。標準的なブログ列は通常 700〜900 px幅です — 2000+ pxではなくその幅でアップロードしてください
  • WooCommerce商品画像:商品ページは1000×1000 px正方形、 カタログページは最小800×800 px
  • ロゴ:200〜400 px幅。50 KB未満に保つ — すべてのページで読み込まれます
  • アイコンと小さなグラフィック:100〜200 px。鮮明なエッジのためにPNGまたはWebP

WordPressのファイルサイズ目標

  • ヒーロー / 全幅画像:200 KB未満。80%品質の1920×1080 JPEGは150〜300 KBになるべきです; 200 KB未満に圧縮してください
  • ブログのアイキャッチ画像:100 KB未満
  • コンテンツ内画像:各80 KB未満
  • 商品画像:メイン画像150 KB未満、サムネイル50 KB未満
  • ページ総重量:GoogleのCore Web Vitalsガイドラインは高速なLCP(最大コンテンツペイント)のために ページ画像の総重量を1 MB未満に保つことを推奨します

WordPressの最適画像形式

  • WebP:2026年のWordPressの推奨形式。WordPress 5.8+はWebPをネイティブサポートします。 WebPは同じ品質でJPEGより25〜35%小さいです。WebPを直接アップロードするか、既存のJPEG/PNGをアップロード前に WebPに変換してください。画像変換ツールでWebPに変換できます
  • JPEG:写真の安全なユニバーサルな選択。良いサイズ-品質バランスのために80〜85%品質を使用。 すべてのブラウザとWordPressバージョンがJPEGをサポートします
  • PNG:透明度が必要な画像のみに使用 — ロゴ、アイコン、オーバーレイグラフィック。 写真コンテンツのPNGファイルはJPEGの3〜5倍大きいので写真には避けてください
  • AVIF:WordPress 6.5+はAVIFをサポートします。WebPよりさらに小さいです(JPEGより30〜50%小さい)が、 一部の古いブラウザはサポートしていません。広い互換性のためにまずWebPを検討してください
  • GIF:静止画には避けてください — 代わりにPNGを使用してください。GIFアニメーションのみに使用し、 GIFアニメーションをWebMまたはMP4動画に変換すると90%以上小さいファイルサイズが得られます

WordPressのアップロード制限

WordPressはPHP設定に基づいてファイルアップロードを制限します。デフォルトは通常2 MBですが、 ほとんどのホスティングプロバイダーは32 MB以上に設定します。アップロード制限に当たった場合:

  • まず圧縮する:10 MBのRAW変換JPEGはWordPressのアップロード制限に当たる前に画像圧縮で500 KB未満に削減できます
  • php.iniを通じてPHP制限を増やすか(upload_max_filesizepost_max_size)、ホストに制限を上げてもらうよう依頼してください
  • 非常に大きなバッチにはFTPまたはホスティングのファイルマネージャーを使用してください — PHP制限を完全に回避します

ステップバイステップ:WordPress画像を圧縮する

  1. 全解像度のオリジナル画像から始めてください(カメラまたはデザインツールから)。 まだPhotoshop/Lightroomでリサイズまたは圧縮しないでください — 次のステップで行います
  2. 配置に合った正しいサイズにリサイズ:アイキャッチ画像は1200×628 px、 コンテンツ内画像はコンテンツ列幅
  3. 目標ファイルサイズに圧縮:ほとんどの画像で100 KB未満。 テーマが対応していればWebP形式を選択してください(ほとんどの現代テーマが対応); そうでなければ80〜85%品質のJPEG
  4. 圧縮した画像をWordPressメディアライブラリにアップロード。説明的なファイル名を使用 (例:blue-running-shoes-side-view.jpgIMG_4532.jpgではなく) — ファイル名は画像URLに使用され、画像SEOに重要です
  5. WordPressメディアアップローダーでAltテキストフィールドに入力してください。Altテキストは スクリーンリーダーと検索エンジンのために画像を説明します — 「image1」ではなく「青いランニングシューズ、サイドビュー」

WordPress画像圧縮クイックリファレンス

  • ヒーロー画像:1920×1080 px、WebPまたはJPEG、200 KB未満
  • アイキャッチ画像:1200×628 px、WebPまたはJPEG、100 KB未満
  • コンテンツ内画像:コンテンツ列幅(700〜900 px)、80 KB未満
  • 商品画像:1000×1000 px正方形、150 KB未満
  • ロゴ:200〜400 px幅、PNGまたはWebP、50 KB未満
  • 最適形式:WebP(WordPress 5.8+);JPEGフォールバック
  • アップロード前に圧縮:常に — 生成されたすべてのサムネイルも小さくなります