イメージ ツールの状態を確認します。
画像をウェブに掲載するのは簡単ですが、うまく掲載するのは難しいものです。適切な形式、圧縮、ドット / インチ（DPI）、その他の数百もの設定を選択するのは、自分で行うと忘れがちです。
幸い、現在は、こうした作業をすべて代行してくれるツールやサービスが豊富に存在します。残念ながら、その数は膨大です。自分に合ったツールやサービスを選ぶのは難しい場合があります。そのため、Google は images.tooling.report をリリースします。このサイトでは、本番環境でイメージを配布する際に最も重要と思われる要素をリストし、有料または無料、ホスト型またはセルフホスト型の最も一般的なソフトウェアとサービスを比較できます。
なぜでしょうか？
画像はサイトから転送されるバイト数の大部分を占め、そのバイト数は膨大になります。実際、最適化されていない画像はページの合計サイズのほぼ 75% を占めていました。これらの無駄なバイトにはすべて費用がかかります。そのため、数百万件の実際のユーザー セッションを調査した結果、コンバージョンに至ったページには、コンバージョンに至らなかったページと比べて 38% 少ない画像が含まれていることがわかりました。では、画像をすべて削除すればよいのでしょうか？答えはもちろん「ノー」であり、ただし、送信する画像は、ユーザーが使用しているデバイスに関係なく、すべてのユーザー向けに最適化されている必要があります。
概要
最適化された画像を配信するには、単に [Save for Web] をクリックするだけでは不十分です。そのため、images.tooling.report ではさまざまな機能をチェックしています。さまざまなツールやサービスが提供する圧縮率や、長時間の有効期間を持つキャッシュ ヘッダーなどのネットワーク最適化など、基本的な内容について説明します。
しかし、Google はそこで終わりません。Save-Data、ECT などのクライアント ヒントのサポートなど、より高度なオプションを探し、データモデルを使用して画像を繰り返し圧縮し、人間の視覚が認識する方法を変えずにバイト数が最も少ないバージョンを見つける、自動心理視覚分析を探しました。画像を送信する前に、画像から視覚的でない部分をすべて削除していますか？
もちろん、サイトはそれぞれ異なるため、求めていたすべての機能を備えたツールやサービスはありませんでした。これは想定内の動作です。テスト内容は、以下のカテゴリに分類されています。対象となるのは、コンテンツ配信ネットワーク（CDN）、セルフホスト プロジェクト、コンテンツ管理システム（CMS）プラグイン、サイトビルダーです。これらの定義は、さまざまなオプションをより関連性の高い形で比較できるようにするために、かなり緩く設定されています。
- CMS プラグインは、WordPress などのプラットフォームで簡単に開発できるパッケージです。
- サイト作成ツールでは、ウェブサイトの作成に使用できるさまざまなサービスを比較できます。
- セルフホスト型は、git プロジェクトのクローンを作成したり、独自の Docker イメージを本番環境で実行したりすることに慣れているデベロッパーを対象としています。
- CDN は少し複雑です。これらの一部は従来の CDN ですが、エッジでイメージをプロキシまたはホストするサービスもあります。
すべてのユーザーに常に満足させることはできませんが、評価中のテストと機能を確認し、画像最適化ツールのパフォーマンスをご確認ください。画像の最適化をまだ行っていない場合は、そのような場合は、画像ツールをチェックして、すでにサイトをご利用のユーザーにどのようなメリットをもたらせるかを確認することをおすすめします。
次のステップ
画像ツールやサービスが不足していると思われる場合は、ぜひツールとサービス、テスト自体は、常に更新されています。出荷イメージの最新情報をすばやく確認する必要がある場合は、まず images.tooling.report にアクセスしてください。
Michael Maasen（Unsplash）によるヒーロー画像。