画像を WebP に変換して Web サイトを速くする方法
画像を WebP に切り替えるのは、Web サイトを速くするための最も簡単な方法の1つです。このガイドでは、設定の選び方、一括変換、公開までの流れを紹介します。
1. 最も良い元画像から始める
Web 用にすでに圧縮された画像ではなく、手元で最も高画質なものから変換しましょう。非可逆圧縮を繰り返すたびに細部が失われていきます。
2. 圧縮の前にリサイズする
削減効果の多くは、形式よりも画素数から生まれます。幅 4000 ピクセルの写真を 800 ピクセルで表示するのはデータの無駄です。高解像度の画面でもくっきり見えるよう、最大幅は実際の最大表示サイズのおよそ2倍に設定しましょう。
3. 画質を決める
まずは 80 から始めます。等倍で、特に顔、文字、細かい模様を確認しましょう。ぼやけやブロック状のノイズが見えたら、画質を 5 ずつ上げます。元画像と同じに見えるなら、75 も試してファイルサイズを比べてみてください。
4. まとめて変換する
1ページ分や1商品分の画像をまとめて追加します。設定はリスト全体に反映され、元のファイル名に .webp を付けた形で、すべてを1つの ZIP ファイルとしてダウンロードできます。
5. 公開して確認する
WebP ファイルをアップロードし、古い画像と差し替えます。そのあと PageSpeed Insights などの速度計測ツールでページを確認し、画像が小さくなり表示が速くなったことを確かめましょう。