ホーム記事 ツール会社情報 サポート購読

// 無料オンラインツール

WordPress 用画像最適化

画像を WebP に変換・圧縮して WordPress にアップロードする前に最適化します。Core Web Vitals、Largest Contentful Paint、PageSpeed Insights のスコアを向上させます。100％無料 - プラグイン不要、サーバーへのアップロード不要。

2025 年の WordPress 画像最適化

Google の Core Web Vitals は WordPress の検索順位に直接影響します。Largest Contentful Paint（LCP）は、最大の可視要素の読み込み時間で、通常は画像です。LCP の閾値（2.5 秒未満）をクリアするには、ヒーロー画像や特集画像を小さく、効率的にエンコードし、適切なキャッシュヘッダーで配信する必要があります。品質 80 の WebP に変換し、実際の表示幅にサイズ調整するのが最速の方法です。

WordPress 推奨画像仕様

  • ブログ特集画像： 1200×630px WebP、品質 80 – 約 60〜150KB
  • ヒーロー／バナー： 1920×600px WebP、品質 75 – 約 80〜200KB
  • 記事内画像： 幅 800〜1200px の WebP、品質 82
  • WooCommerce 商品画像： 1000×1000px WebP、品質 85 – 白背景は非常に圧縮しやすい
  • 著者／チームアバター： 300×300px WebP、品質 80

プラグイン不要の WebP ワークフロー

WordPress 5.8 以降はプラグインなしで .webp ファイルを直接アップロードできます。このツールで画像を最適化してからアップロードしましょう：圧縮 → .webp ファイルをダウンロード → WordPress メディアライブラリにアップロード → 記事に挿入。サーバー側処理不要、月額料金不要、プラグインの競合もなし。

よくある質問

Yes - WordPress 5.8 (released July 2021) added native WebP support. You can upload .webp files directly to the Media Library and use them in posts, pages, and theme templates just like JPEG or PNG. All modern browsers (Chrome, Firefox, Safari 14+, Edge) display WebP correctly.
WordPress automatically generates multiple sizes from each uploaded image. Upload images at their maximum display width - typically 1200px for blog posts and 1920px for full-width hero images. The source image should be at the largest size you’ll ever need, pre-compressed for the largest size and then let WordPress generate smaller crops.
Image optimization is consistently the highest-impact action for improving PageSpeed scores. Unoptimized images on a WordPress site often account for 60–80% of total page weight. Converting to WebP at quality 80 and sizing to display dimensions can reduce Largest Contentful Paint (LCP) by 50–70%, significantly improving Core Web Vitals.
If you pre-optimize images before uploading (using this tool), you don’t need a plugin for compression. However, plugins also handle lazy loading, responsive srcset generation, and CDN delivery. For a plugin-free workflow: compress here, upload pre-optimized files, and use a caching plugin for proper Cache-Control headers.