画像は典型的な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_filesize、post_max_size)、ホストに制限を上げてもらうよう依頼してください- 非常に大きなバッチにはFTPまたはホスティングのファイルマネージャーを使用してください — PHP制限を完全に回避します
ステップバイステップ:WordPress画像を圧縮する
- 全解像度のオリジナル画像から始めてください(カメラまたはデザインツールから)。 まだPhotoshop/Lightroomでリサイズまたは圧縮しないでください — 次のステップで行います
- 配置に合った正しいサイズにリサイズ:アイキャッチ画像は1200×628 px、 コンテンツ内画像はコンテンツ列幅
- 目標ファイルサイズに圧縮:ほとんどの画像で100 KB未満。 テーマが対応していればWebP形式を選択してください(ほとんどの現代テーマが対応); そうでなければ80〜85%品質のJPEG
- 圧縮した画像をWordPressメディアライブラリにアップロード。説明的なファイル名を使用 (例:
blue-running-shoes-side-view.jpg、IMG_4532.jpgではなく) — ファイル名は画像URLに使用され、画像SEOに重要です - 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フォールバック
- アップロード前に圧縮:常に — 生成されたすべてのサムネイルも小さくなります