Linuxで画像をWebP形式に変換する方法


Webサイトのパフォーマンスを最適化するために耳にすることがある数多くのベストプラクティスの1つは、圧縮画像を使用することです。この記事では、Web用に圧縮された高品質の画像を作成するための webp という新しい画像形式について説明します。

WebP は比較的新しい、オープンソースの画像形式で、Googleが設計した、Web上の画像に優れた可逆圧縮と非可逆圧縮を提供します。これを使用するには、Linux、Windows、Mac OS X用のコンパイル済みユーティリティをダウンロードする必要があります。

この近代的な画像フォーマットにより、ウェブマスターやウェブ開発者は、ウェブをより速くするための、より小さく、より豊かな画像を作成することができます。

WebPツールをLinuxにインストールする方法

ありがたいことに、 webp パッケージはUbuntuの公式リポジトリにあります。示されているようにAPTパッケージマネージャを使ってインストールできます。

$ sudo apt install webp 

他のLinuxディストリビューションでは、次のようにwgetコマンドを使用してGooglesリポジトリから webp パッケージをダウンロードすることから始めます。

$ wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz

アーカイブファイルを解凍し、次のように解凍したパッケージディレクトリに移動します。

$ tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz 
$ cd libwebp-0.6.1-linux-x86-32/
$ cd bin/
$ ls

上のスクリーンショットからわかるように、パッケージには、 webp エンコードまたはデコードをプログラムに追加するためのプリコンパイル済みライブラリ( libwebp )と、次に示すさまざまなwebpユーティリティが含まれています。

  • anim_diff – tool to display the difference between animation images.
  • anim_dump – tool to dump the difference between animation images.
  • cwebp – webp encoder tool.
  • dwebp – webp decoder tool.
  • gif2webp – tool for converting GIF images to webp.
  • img2webp – tools for converting a sequence of images into an animated webp file.
  • vwebp – webp file viewer.
  • webpinfo – used to view info about a webp image file.
  • webpmux – webp muxing tool.

画像を webp に変換するには、 cwebp ツールを使用します。 -q スイッチで出力品質を、 -oを指定します。 は出力ファイルを指定します。

$ cwebp -q 60 Cute-Baby-Girl.png -o Cute-Baby-Girl.webp
OR
$ ./cwebp -q 60 Cute-Baby-Girl.png -o Cute-Baby-Girl.webp

vwebp ツールを使用して、変換された webp 画像を表示できます。

$ ./vwebp Cute-Baby-Girl.webp

上記のツールのすべてのオプションは、引数なしで実行するか、 -longhelp フラグなどを使用して確認できます。

$ ./cwebp -longhelp

大事なことを言い忘れましたが、絶対パスを入力せずに上記のプログラムを実行したい場合は、PATH環境変数に〜/ libwebp-0.6.1-linux-x86-32/bin ディレクトリを追加してください。あなたの〜/ .bashrc ファイル。

$ vi ~/.bashrc

ファイルの末尾に向かって以下の行を追加します。

export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin

ファイルを保存して終了します。その後、新しいターミナルウィンドウを開くと、他のシステムコマンドと同様にすべての web プログラムを実行できるはずです。

WebPプロジェクトホームページ:https://developers.google.com/speed/webp/

これらの便利な関連記事もチェックしてください。

  1. 15 Useful ‘FFmpeg’ Commands for Video, Audio and Image Conversion in Linux
  2. Install ImageMagick (Image Manipulation) Tool on Linux
  3. 4 Ways to Batch Convert Your PNG to JPG and Vice-Versa

WebP は、Webを高速化するためのGoogleの継続的な取り組みから生まれた数多くの商品のうちの1つです。下記のフィードバックフォームを介して、Web用のこの新しい画像フォーマットに関するあなたの考えを共有することを忘れないでください。