ページを速くするために画像を圧縮する

重い画像はページ表示を遅くする大きな原因のひとつです。このガイドでは、見た目を保ちながら容量を減らす方法と、ブラウザ内で使えるツールを紹介します。

画像を圧縮すべきタイミング

約 150KB を超え、ファーストビューやギャラリー、常に読み込まれるコンテンツに使う画像は優先して圧縮すると効果的です。装飾用画像はさらに小さくするのが理想です。

WebP のような新しい形式は大きく容量を減らせます。透過が必要なら WebP か PNG が適しています。WebP を使わない場合でも、写真には JPEG が有効です。

先にリサイズし、そのあと圧縮しましょう。実際の表示サイズに合わせてから圧縮すると、見えないピクセルのために容量を浪費せずに済みます。

必要な結果へすぐ。

高品質な圧縮は、目でほとんど分からない情報を主に削減します。重要な画像は品質を少し高めに保っても、十分な軽量化が可能です。

はい。WebP は主要ブラウザで広くサポートされており、表示速度改善にも役立つため、長期的に SEO にプラスです。