WebP、インターネット用の新しい画像形式

インターネットを高速化するGoogleのイニシアチブの一環として、過去数か月にわたって、ウェブサイトの所有者が高速化するのを支援するためのツールをすべてリリースしました。 Firefoxのページスピードと呼ばれる拡張機能を開始しました。これにより、Webページのパフォーマンスを調べたり、Webページのパフォーマンスを向上させるための提案を受けたりすることができます。 Chromeの拡張機能であるSpeed Tracerを導入しました。これにより、Webアプリケーションのパフォーマンスの問題を見つけて修正できます。 さらに、完全に最適化されたJavaScriptコードを使用して複雑なWebアプリケーションを作成できるように設計された、開発の最終段階のツールセット( クロージャーツール )をリリースしました。 これらのツールは、開発者がサイトを最適化するのに非常に成功しましたが、作業を続け、ページ遅延の大半を完全に引き起こすWebページの唯一のコンポーネントである画像を発見することができました。



ネットワークで使用される一般的な画像形式のほとんどは10年以上前に作成され、当時の技術に基づいています。 Googleのエンジニアは次のことを確認しました。解像度と視覚的品質を完全に維持しながら、画像の読み込みを高速化する非可逆圧縮アルゴリズム(JPEGなど)の圧縮率を上げる方法はありません。 このプロジェクトに取り組んだ結果、開発者向けの暫定版である新しい画像形式WebPをリリースしています。 この形式により、ネットワーク上の写真のバイナリサイズが大幅に削減され、サイトの読み込みが以前よりも速くなります。



今日、画像と写真は、Webページを構成するすべてのデータの約65%を占めています。 特にモバイルネットワークなど、トラフィックが制限されているネットワークでは、ネットワークの速度が大幅に低下する可能性があります。 ネットワーク上の画像のほとんどは非可逆圧縮形式( JPEGなど)で、小さいものは可逆圧縮形式( GIFPNGなど )です。 今日、ネットワーク上のすべての画像の大部分を占めるのはこのような形式の画像であるため、私たちのチームは非可逆圧縮の改善に焦点を合わせました。



JPEGが提供する圧縮率を改善するために、2010年5月にGoogleが使用したVP8コーデックに基づくアルゴリズムを使用しました。 VP8で使用されている技術を、中間フレームの圧縮、静止画像の圧縮に適用しました。 さらに、 RIFF形式に基づいたコンテナファイルの非常にコンパクトな形式を使用しました:この形式は各画像に20バイトしか追加しないという事実にもかかわらず、拡張可能であり、作成者は必要なメタデータをファイルに保存できます。



VP8ベースの画像形式の利点は理論的に明らかですが、実際の条件でテストする必要がありました。 努力の効果を評価するために、ネットワークから約100万のランダム画像(主にJPEG、および一部のPNGとGIF)を選択し、それらを視覚的な品質を維持しながらWebPにトランスコードしました。 このようなトランスコーディングにより、ファイルサイズが39%削減されました( どうやら、平均して、平均。およその翻訳 )。 開発者は、元々圧縮されていなかった画像を圧縮することにより、WebP形式でさらに大きな圧縮を達成することを期待しています。



他の形式と比較したWebPの有効性を評価できるように、さまざまな形式の有名な無料画像のセットを用意し、 視覚的に比較できるように画像のサイズも示しています。 さらに、画像をWebP形式に変換するために使用できるコンバータープログラムをリリースしています。 私たちは、ブラウザのメーカーとWeb開発者のコ​​ミュニティの両方と協力して、WebP仕様およびブラウザへのこの形式のサポートの追加を楽しみにしています。 ブラウザがこの形式をサポートするまでWebP画像を表示することはできませんが、Google Chromeの次のバージョンでWebPサポートを提供するWebkitのパッチに取り組んでいます。 さらに、 アルファチャネルとも呼ばれる透明レイヤーのサポートを、将来のアップデートChromeアップデートまたはフォーマット仕様?



私たちのグループの開発者コミュニティからのフィードバックを本当に楽しみにしています。 コンバーターをダウンロードして、お気に入りの画像セットで試してみてください。



リチャードラバット、プロダクトマネージャー。



All Articles