画像ツールの状態をご確認ください。
ウェブに画像を掲載することは決して容易ではありません。適切な形式、圧縮、1 インチあたりのドット数(DPI)、その他何百もの設定を自ら選択すると、すぐに忘れがちになります。
幸いなことに、現在では、そのすべてを実行できるツールやサービスが豊富にあります。しかし、それほど素晴らしいことではありませんが、豊富さがあるということです。お客様に適したツールやサービスを選ぶのは難しいものです。そこで Google は、images.tooling.report をリリースします。このサイトでは、本番環境で画像を配布する際に最も重要なものをリストアップし、よく利用されているソフトウェアやサービス(有料か無料か、ホスト型か自己ホスト型か)を比較します。
なぜですか?
画像は、サイトで転送されるバイト数の大部分を占めており、その積み重ねが大きくなる。実際、ページ全体のサイズの約 75% は、最適化されていない画像によって占められていることがわかりました。こうした無駄なバイトはすべて代償が伴います。そのため、数百万件のユーザー セッションを調査したところ、コンバージョンに至ったページの画像は、コンバージョンに至らなかったページよりも 38% 少なくなりました。では、すべての画像を削除すべきでしょうか。答えはもちろん「ノー」であり、ただし、送信する画像は、使用するデバイスに関係なく、すべてのユーザーのために最適化する必要があります。
概要
最適化された画像を配信するには、[ウェブ用に保存] をクリックするだけではありません。そのため、images.tooling.report ではさまざまな機能を確認します。さまざまなツールやサービスが提供する圧縮率や、有効期間が長いキャッシュ ヘッダーなどのネットワーク最適化といった基本事項を説明します。
それだけではありません。私たちは、Save-Data
、ECT
、その他のクライアントのヒントのサポートなど、より高度なオプションを探し、データモデルを使用して画像を繰り返し圧縮できる自動心理視覚分析を探し、目から見方を変えることなく、バイト数が最も少ないバージョンを見つけました。ワイヤーを送る前に、画像内の視覚に欠ける部分をすべて絞り込んでいるでしょうか?
もちろん、どのサイトも雪の結晶です。1 つのツールやサービスが、私たちが求めていたことをすべて実現したわけではありません。これは予想どおりです。そこで、テスト内容をさまざまなカテゴリに分けました。コンテンツ配信ネットワーク(CDN)、自己ホスト型プロジェクト、コンテンツ マネジメント システム(CMS)プラグイン、サイト作成ツールについて説明します。これらはかなり大まかな定義であり、さまざまなオプションをより関連性のあるものにするためのものです。
- CMS プラグインは、WordPress などのプラットフォームで簡単に開発できるパッケージです。
- サイト作成ツールでは、ウェブサイトの構築に使用できるさまざまなサービスを比較できます。
- 自己ホスト型は、Git プロジェクトのクローンを作成すること、または本番環境で独自の Docker イメージを実行することに慣れているデベロッパーを対象としています。
- CDN はもう少し複雑です。これらの一部は従来の意味では CDN ですが、エッジで画像をプロキシまたはホストするサービスもあります。
常にすべての人に適しているわけではありませんが、評価されているテストや機能をチェックして、使用する画像オプティマイザーがどの程度優れているかを確認できます。画像の最適化をまだ行っていない場合は、その後、画像ツールについて確認し、すでにサイトを使用しているユーザーにどのようなメリットがあるかを考えてみましょう。
次のステップ
画像関連のツールやサービスを見逃していませんか?ぜひツールやサービス、テストそのものは、どちらも生きた、最新のものです。配送画像の最新技術を手早く確認できる場所が必要な場合は、必ず images.tooling.report にアクセスしてください。
ヒーロー画像(Michael Maasen 氏、Unsplash より)。