画像の圧縮と最適化

方式によって異なります。可逆圧縮（ロスレス）はピクセルを一切変更せず、内部のデータを整理し直すだけです。非可逆圧縮（JPGなどのロッシー）は、人の目では判別しにくいディテールを削ります。適切な設定を選べば、見た目の違いはほとんど分からないまま、ファイルサイズを40〜80%削減できます。

本文中の画像（バナーや写真）は150KB以下が目安です。サムネイルや補助的な画像は50KB以下に抑えましょう。明確な理由がない限り、500KBを超える画像は避けてください。WebP形式を使うと、この目安を達成しやすくなります。

直接のペナルティはありませんが、重い画像はPageSpeedスコアを下げます。これはランキング要因の一つです。表示が遅いサイトは直帰率も高くなり、間接的にSEOへ悪影響を与えます。GoogleはWebPの利用と適切な圧縮を明確に推奨しています。

はい。WebPはChrome、Firefox、Safari（2020年以降）、Edgeを含む最新ブラウザの97%以上で利用できます。非常に古いブラウザに対応する必要があるサイトでは、HTMLのpictureタグを使ってJPGをフォールバックとして指定できます。