結論
1. webp のパッケージをインストールする。
インストールします。
$ sudo apt-get install webp
2. cwebp コマンドで変換する
もっとも単純なコマンドだと以下のようになります。
$ cwebp INPUT_FILENAME.jpg -o OUTPUT_FILENAME.webp
結果がこんな感じに表示されて、変換完了です。
$ cwebp INPUT_FILENAME.jpg -o OUTPUT_FILENAME.webp Saving file 'OUTPUT_FILENAME.webp' File: INPUT_FILENAME.jpg Dimension: 600 x 800 Output: 27446 bytes Y-U-V-All-PSNR 41.06 44.90 43.88 41.91 dB block count: intra4: 1224 intra16: 676 (-> 35.58%) skipped block: 19 (1.00%) bytes used: header: 255 (0.9%) mode-partition: 4145 (15.1%) Residuals bytes |segment 1|segment 2|segment 3|segment 4| total macroblocks: | 2%| 7%| 10%| 79%| 1900 quantizer: | 36 | 35 | 30 | 24 | filter level: | 11 | 7 | 6 | 10 |
コマンドラインのオプション
詳しいコマンドラインのオプションは公式ドキュメントに詳しく掲載されています。
cwebp | WebP | Google Developers
ほか、このサイトには WebP の様々な情報が掲載されているので一読しましょう。
A new image format for the Web | WebP | Google Developers
Webブラウザの対応状況
2018年7月19日現在での各Webブラウザの対応状況です。
Can I use... Support tables for HTML5, CSS3, etc