WebPをWindows10/11で普通に見られるようにする

ここ最近使われることが多くなってきたWebP(ウェッピー)形式の画像ファイル。JPEGやPNGよりもファイルサイズが小さくできるという利点があるので、Web上では表示の高速化に一役買っていますね。

しかし、Windows上ではこのWebP画像を開くために、EdgeやChromeなどを使わなくてはならず、スライド表示ができないことに加え、サムネイル表示もできないので不便です。Windows11でしたら、ペイントで開くことは可能ですけども、とても便利とは言えないですよね。

そこで、コーデックと呼ばれるソフトをインストールして、JPEGやPNG画像のようにサムネイル表示したり、Windowsのフォトビューワーなどでも開けるようにしてしまいましょう。

コーデックソフトのダウンロード

WebP画像をWindows上で「普通に」使うには、WebP Codecというコーデックソフトをインストールします。

上記サイトに飛ぶと、以下のような画面が表示されるので、上から3番目あたりの「WebpCodecSetup.exe」をクリックしてダウンロードします。

WebP Codecソフトのダウンロードページ
WebP Codecソフトのダウンロード

コーデックソフトのインストール

ダウンロードしたコーデックソフトを実行し、インストールを行います。

WebP Codec:インストール初期画面
「Next」をクリックしてインストールを続行します。

WebP Codec:ライセンス規約画面
ライセンス規約などが表示されます。一通り目を通したら「I accept the terms in the License Agreement」にチェックを付け「Next」をクリックします。

WebP Codec:セットアップ方法選択画面
セットアップ方法の選択画面が表示されます。真ん中の「Custom」をクリックします。

WebP Codec:セットアップ内容選択画面
セットアップ内容を変更する画面が表示されます。サンプル画像は不要なので、「Sample Images」を「Entire feature will be unavailable」に変更し、「Next」をクリックします。

WebP Codec:インストール最終確認画面
インストールの最終確認です。「Install」をクリックしてインストールしましょう。

WebP Codec:インストール完了画面
インストールが完了しました。「Finish」をクリックしてインストールを終了しましょう。

WebP画像が表示できます

WebP画像の関連付けを行います。

WebP画像(拡張子が.webpの画像ファイル)を右クリック→プロパティを開き、プログラムの右側にある「変更」をクリック。ファイルを開く方法で「Windowsフォトビューワー」を選択します。

WebP画像ファイルの関連付け

これで、Windows10でもJPEGやPNG画像のように、WebP画像が表示できるようになりました。

試しに、WebP画像ファイルをWクリックしてみてください。

WebP画像がWindowsフォトビューワーで表示できる

WindowsフォトビューワーでWebP画像が表示されました。また、エクスプローラーなどで中アイコン以上で表示することで、サムネイルも表示されるようになりました。

WebP画像がサムネイルで表示される

さいごに

Webの世界では、徐々にWebP画像が増えてきました。SafariやIEがまだ非対応なので、完全にWebPに置き換えるのは早いかな?という気もしますが、.htaccessで振り分けたり、pictureタグで振り分けたりすれば、十分実用できるレベルだと思います。

あ、IEはpictureタグにも非対応だっけ。やっぱり.htaccessで振り分けが無難かなぁ。

画像がたくさん配置されたサイトなどで、少しでも速度改善を行いたい場合などには、かなり有効な画像形式ですね。非対応ブラウザには、一刻も早い対応を期待したいところです。

初稿:2020年6月5日

コメント

タイトルとURLをコピーしました