画像はほとんどのウェブサイトで最大の容量を占めています。画像をWebPに圧縮すると、ページ全体の容量を半分以上削減でき、読み込み速度と検索ランキングが向上します。
すべてブラウザ内でローカルに処理されます。
このツールの使い方
画像を追加
画像をツールにドラッグ＆ドロップするか、ファイルを選択してください。
WebPがあらかじめ選択されています
WebPは現在のウェブ配信に最適なフォーマットです。品質75から始めましょう。
削減量を確認
比較ビューでサイズが減少する様子を確認しましょう。多くの場合50〜70%小さくなります。
ダウンロードして使用
WebPをダウンロードして、サイト、WordPress、CMSで使用しましょう。
このセクションは現在英語でのみ提供されています。
What a web page actually needs
A photograph displayed at 800 pixels wide does not need to be 4000 pixels wide. Serving the larger file costs your visitor bandwidth, slows the page, and gives them nothing — the browser throws the extra pixels away.
The single most effective thing you can do for page weight is serve images at the dimensions they are displayed at, then compress. Everything else is a smaller win on top.
Targets worth aiming for
| Role on the page | Typical target | Format |
|---|---|---|
| Hero or full-width image | 150–300 KB | WebP or AVIF |
| In-content photograph | 50–150 KB | WebP or AVIF |
| Thumbnail or card image | 10–40 KB | WebP |
| Logo or icon | Under 10 KB | SVG where possible, else WebP |
High-DPI displays, and how to handle them
A Retina-class screen packs two or more device pixels into each CSS pixel, so an image served at exactly the display size looks slightly soft. The usual answer is to serve roughly twice the CSS dimensions and let the browser downscale — an 800-pixel image in a 400-pixel slot. The wider the availability of high-DPI screens, the more this is the default rather than the exception.
A short checklist
- Resize to the displayed dimensions — twice them if you want crispness on high-DPI screens.
- Choose the format for the content: WebP or AVIF for photographs, lossless WebP for screenshots and graphics.
- Compress at a quality setting you have actually looked at, not one you assumed was safe.
- Use <picture> with an AVIF source, a WebP source and a fallback rather than betting on one format.
- Lazy-load anything below the fold so it is not downloaded before it is needed.
よくある質問
ウェブ画像に最適なフォーマットは何ですか?
WebPが現在の総合的に最良の選択肢です。小さなファイル、優れた品質、そしてすべての主要ブラウザでサポートされています。AVIFは写真でさらに小さくなります。
ウェブ画像はどれくらい圧縮できますか?
WebPは通常、JPGより25〜35%、PNGよりさらに多く画像ファイルサイズを削減します。
画像の圧縮はSEOに役立ちますか?
はい。ページ速度はランキング要因であり、特にモバイルでは小さい画像の方が速く読み込まれます。