WebPファイル

学習内容

• WebPファイルとは
  
• WebPファイルの歴史
   
• WebPファイルの使用方法
  
• WebPファイルのメリットとデメリット
  
• WebPファイルを開く方法
  
• WebPファイルを作成して編集する方法
  
• WebPファイル：よくある質問

WebPファイルとは

Googleは、読み込みにかかる時間をインターネット全体で短縮するという使命の一環として、WebP形式を発表しました。WebPを使用すると、PNGやJPEGなどの従来の形式よりはるかに小さいサイズで、高品質の画像がwebサイトに表示されるようになります。

WebPファイルは、可逆圧縮と非可逆圧縮のいずれかを選択して 保存できます。つまり、データを失わずに、または一部の重要ではない情報のみを失うだけで、画像を圧縮できます。Googleの開発者によると、可逆圧縮されたWebP画像のサイズはPNGより最大26％小さくなるということです。

ファイルがWebP画像であるかどうかは、拡張子（.WEBP）を見れば、すぐにわかります。

WebPファイルの歴史

WebP形式は、比較的新しく、2010年に発表されました。元の概念を作成したのは、Googleに買収されたOn2 Technologiesという会社でした。

各WebPファイルは、VP8またはVP8L画像データで構成されています。時間の経過とともに、この形式は、消費者の傾向の変化と、新しいデジタルトレンドに合わせて進化しました。2011年にGoogleは、アニメーションと透明機能のサポートを追加し、現在、この形式は、Google製品以外のwebブラウザーにも対応しています。

Google ChromeはネイティブでWebPをサポートしており、Firefox、Edge、Operaなどの他のwebブラウザーもサポートしています。ただし、web開発者およびwebデザイナーには、ページの読み込み時間を短縮するために、最初にPNGおよびJPEGファイルをWebPに変換することが推奨されています。

WebPファイルの使用方法

WebPファイルは、その全体がインターネット用に設計されています。主な用途は、次のとおりです。

webサイトの画像サイズの削減

WebPでは、webサイトの画像に関して、品質と実用性のバランスを取ることを目的としています。予測可能なコーディングを活用して、WebPファイルは、その表示品質を損なうことなく、写真とグラフィックを圧縮します。画像サイズが小さいことにより、ユーザーのブロードバンド接続への負荷も軽減され、より短時間でwebサイト間を移動できるため、ページのエクスペリエンスが向上します。

オンラインアニメーションのサポート

長い間、ミームや他の基本的オンラインアニメーションで主に使用されていたのはGIFですが、代わりにWebPファイルを使用できます。Googleによると、アニメーションWebPは、GIFより大幅に小さく、必要なバイト数も少なくなっています。

他のラスターファイル形式を見る

WebPファイルのメリットとデメリット

WebPを使い始める前に、このファイル形式のメリットとデメリットを確認しておきましょう。

WebPファイルのメリット

• Webページが短時間で読み込まれるため、ユーザーエクスペリエンスが向上し、検索エンジンでのwebサイトのランキングも上昇します。対照的に、画像の読み込みに時間のかかるwebサイトでは、製品やサービスを購入しようとするユーザーが、別のサイトを利用しようと考える可能性があります。
   
• WebP形式は、Google Chrome、Microsoft Edge、Mozilla Firefoxなど、様々なwebブラウザーに対応しています。
   
• WebPを使用すると、webサイトの画像が、管理しやすいサイズに圧縮されるため、企業のストレージスペースの節約になる場合があります。

WebPファイルのデメリット

• WebPファイル形式は、主にインターネット用として設計されているため、オフラインで画像を使用する場合は適切でない場合があります。
   
• WebPは、多くのブラウザーに対応していますが、Internet Explorerなど、一部の古いブラウザーでは、WebP画像が効果的にサポートされない場合があります。
   
• 圧縮される量が少ない場合でも、画像の品質が低下する可能性があるということを、プロのフォトグラファーや高品質画像が関わっている場合は、覚えておく必要があります。

WebPファイルを開く方法

WebP画像は、通常、組み込みの写真アプリケーションより、ブラウザーでの方が短時間で表示されます。

まず、WebPファイルを開く前に、WebPが対応しているブラウザーであることを確認します。設定したら、WebPファイルを保存したフォルダーを開き、WebPファイルをダブルクリックします。これで、デフォルトのブラウザーで画像が自動的に開かれます。

また、PNGやJPEGなどの既存のファイルをWebP形式に変換することもできます。オンラインで、様々な変換ツールを見つけることができます。

WebPファイルを作成して編集する方法

Adobe Photoshopを使ってWebPファイルの作成と編集をおこなうには、プラグインが必要になる場合があります。デバイスに対応する、信頼できるプラグインをインストールしたら、次の手順に従います。

1. Photoshopで画像を作成するか、編集し、「別名で保存」をクリックします。
   
2. 「画像形式」メニューを使って、ファイルをWebPとして保存します。
    
3. 新しいWebPファイルの名前と保存先を選択し、「保存」をクリックします。
    
4. 設定パネルが表示され、ここで、さらにファイルを編集することもできます。

WebPファイル：よくある質問

WebPファイルとJPEGファイルの違いは何ですか？

どちらのファイル形式でも、画像の圧縮によって、共有と保存が容易になります。ただし、WebPファイルは、通常、従来のJPEGよりはるかに小さいサイズです。Googleの開発者によると、非可逆圧縮のWebP画像は、同等のJPEGファイルより25％～34％小さいサイズです。

WebPは、すべてのブラウザーで機能しますか？

長年にわたる開発と進化により、ほとんどのwebブラウザーでWebP形式がサポートされています。ただし、Internet Explorerなどの一部のブラウザーでは、WebPファイルが適切にサポートされない場合があるため、常に、Googleの最新の互換性リストを確認することをお勧めします。

WebPは、オープンソースのファイル形式ですか？

WebPは、オープンソースモデルです。つまり、誰でも、この形式に手を加えて改良することができます。Googleの開発者は、この形式を2010年に発表して以来、積極的にユーザーに情報提供を促しています。

WebP画像の最大サイズは決まっていますか？

WebP画像の最大サイズは16,383 x 16,383ピクセルです。WebP画像をwebサイトや他の場所に追加する前に、この点を考慮することが必要である場合があります。

WebP画像は、ラスターファイルとベクターファイルのどちらですか？

WebP画像は、ラスターファイル形式のひとつです。ラスターは、画像ファイルの2つの主なカテゴリのひとつで、もうひとつはベクターです。この2つの主な違いは、ラスターファイルがピクセルで構成されているのに対し、ベクターグラフィックは数式とパスで構成されている点です。詳しくは、ラスターとベクターの比較ガイドを参照してください。