最新の画像形式

Silktide は実際のブラウザーでページを読み込み、WebP や AVIF などの最新形式で配信すると大幅に小さくなる画像を特定します。各画像について、現在のサイズと、最新形式にすることで削減できる容量を報告します。

重要な理由

WebP と AVIF は、古い JPEG や PNG 形式よりもはるかに優れた圧縮率を実現します。同じ見た目の品質で、サイズを 25～50% 小さくできることもよくあります。画像は通常、ページの容量の大部分を占めるため、画像を変換することは、利用できるパフォーマンス改善策の中でも特に効果の大きいものの1つですしかも、サイトの見た目を変える必要はありません。ページの表示が速くなると、より多くの訪問者を維持でき、を通じて検索順位の向上にもつながります。

すべての最新ブラウザーが WebP をサポートしており、AVIF のサポートも現在ではほぼ普遍的になっているため、これらの形式を避ける歴史的な理由はなくなりました。

修正方法

報告された画像を WebP または AVIF に変換します。ほとんどの画像ツールは両方の形式に書き出せます。また、多くのやは、アップロード時または配信時に自動で変換できます。自動化すれば、この問題の再発を防げます。
非常に古いブラウザーをサポートする必要がある場合は、フォールバックを配信します。

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <!-- 古いブラウザーでは JPEG にフォールバックします -->
  <img src="photo.jpg" alt="夏のオフサイトミーティングに参加するチーム">
</picture>

Silktide によるテスト方法

実際のブラウザーでページを読み込み、表示される画像を収集します。
各 JPEG または PNG 画像を最新形式にした場合の容量を推定します。
削減量が大きい画像（少なくとも 8 KB）について、現在のサイズと削減可能な容量を、削減量の大きい順に報告します。

トラブルシューティング

他の画像チェックとの違いは何ですか？

このチェックは、形式の変換に特化しています。現在の形式のまま画像を圧縮する方法については画像の圧縮で扱っており、より詳しい内容は画像の最適化で説明しています。画像を適切なサイズで配信する方法については、レスポンシブ画像で扱っています。同じ画像が複数のチェックに表示されることがありますが、これらの修正は相互に補完するものです。

使用しているプラットフォームでは WebP や AVIF を配信できません

サイトの前段にを配置すると、プラットフォームを変更せずに画像をオンザフライで変換できることがあります。それが難しい場合でも、元画像を適切に圧縮すれば、メリットの多くを得られます。画像の最適化を参照してください。