次世代画像フォーマット「WebP」の作成・変換・表示方法

ページ表示速度を評価してくれるPageSpeed Insightsで画像フォーマットとして推奨されている「WebP(ウェッピー)」。現在は対応しているプレビューソフトやブラウザが少ないですが、Google推奨画像フォーマットということで今後WebPが普及していく可能性はかなり高いと考えられます。このページではMacで他の画像フォーマットのファイルをWebPへ変換する方法を説明します。

WebPのインストール

まずWebPのユーティリティとライブラリをインストールします。下のページでlibwebpのインストール方法を紹介していますので、これに倣ってインストールすればOKです。

libwebpのインストールとC言語での使用方法・使用例libwebpのインストールとC言語での使用方法・使用例

これによりターミナルで「img2webp」コマンドを実行できるようになります。

WebPファイルへの変換・WebPファイルの作成

他の画像フォーマットのファイルをimg2webpコマンドによりWebPに変換することでWebPファイルを作成します。

方法は簡単で、ターミナルから下記コマンドにより変換が可能です。

img2webp [入力ファイル名] -o [出力ファイル名]

例えば入力ファイルがinput.pngで出力ファイルをoutput.webpにしたいのであれば、

img2webp input.png -o output.png

スポンサーリンク

WebPファイルへ一括変換

画像ファイルを一括変換する場合は、ターミナルのcdコマンドで画像ファイルがあるフォルダへ移動し、下記のコマンドを実行すればOKです。

find . -name "*" -exec img2webp {} -o {}.webp \;

このコマンドを実行することで、そのフォルダにあるPNG、JPEG、TIFFファイルが全てWebPに変換されます。

簡単にこのコマンドの説明をしておくと、フォルダ内にあるファイルを検索し、見つかったファイルをimg2webpによりWebPファイルに変換し、見つかったファイル名+.webpという名前で保存します。

WebPファイルの表示

WebPファイルはまだまだ対応していないソフトが多いですが、MacであればGoogle Chromeだと表示することが可能です。WebPファイルをGoogle Chromeへドラッグ&ドロップするだけで表示することができます。

表示した結果は下記のようになります。

WebPファイルの実例

最後に実際のWebPファイルを貼っておきます。ブラウザによっては見れない可能性もあります。MacであればGoogle Chromeだと見れるので、いつも使用しているブラウザで見れない場合はGoogle Chromeで見てみてください。見れない場合でも右クリック等で保存すれば.webpファイルをダウンロードすることが可能です。

スポンサーリンク

まとめ

  • WebPファイルはlibwebpインストールし、img2webpコマンドを実行することで作成可能
  • WebPファイルはGoogle Chromeへドラッグ&ドロップすれば表示することが可能
  • 2018/12/4現在だとimg2webpコマンドを用いるのが簡単ですが、今後WebPの対応ソフトが増えてもっと簡単に作成できるようになることが予想されます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です