画像軽量化の重要性
重い画像はサイト表示速度を低下させます。100KB以下を目安にしましょう。推奨基準はGoogle Developersに掲載されています。圧縮には画像圧縮をお使いください。事前に画像リサイズや画像変換を組み合わせてください。
100KB以下にする流れ
- 画像の幅を1000px程度に縮小します。
- 形式をWebPに変換します。互換性はMDN Web Docsで確認できます。
- 100KBを下回るまで圧縮率を調整し、保存します。
画像サイズを100KB以下に圧縮する方法
ページの表示速度を高めるため、ブラウザ上でオフラインでファイルサイズを100KB未満にする手順。