WebP 画像を作り方（Windows編）

わたしが最近になって知った簡単なWebP 画像の作成方法を書きたいと思います。

WebP 画像の作り方（Windows編）

先日書いたブログ
投稿画像を WebP にしよう（Safariサイレント対応？）

の続きで、実際にWebPの画像の作り方で、いろいろと調べてみて、この方法がいいかなぁと思った方法について書きます。

結論

結論から書くと、
「XnConvert を使おう」です。

XnConvertを使おう

おススメの理由は以下です。

1. 個人利用なら無料で使える。
2. GUIで分かりやすい。
3. まとめて画像を変換できる。
4. Windows版/Mac版/Linux版 がある。
5. Microsoft Store/Apple Store から簡単にダウンロードできる。
6. 対応画像形式がとても多い

１．は個人にやさしい。うれしいです。
２．はマウス操作でイメージを見ながらできるがいいです。
３．は画像をまとめてドラッグ＆ドロップ操作でできるがいいです。
４．はマルチプラットフォームで同じ操作で済むので覚えることが少なくていです。
５．はOS公認のサイトにアップされているので信頼性が高くていいです。

もちろん、公式サイトからもダウンロード可能です。
ただし、日本語サイトはないです。
XnConvert · Batch Image Converter | XnView.com

６．は次世代フォーマットのWebP/JPEG2000/JPG XRはもとより500種類以上の形式に対応しているそうです。画像形式ってそんなにあったんですねぇ。。。ちなみにエクスポートできるのは70種類のようです。

フォーマットの一覧はこちらです。
XnConvert · Batch Image Converter | XnView.com

ダウンロード方法（Microsoft Store編）

１．Windowsメニューなどから「Microsoft Store」を開きます。

２．画面右上の「検索」を選択します。

３．検索ボックスに「XnConvert」入力します。入力途中で選択できるようになります。
ボックスの下に表示されたら「XnConvert」を選択します。

インストール方法（Microsoft Store編）

１．「インストール」を選択します。

２．ダウンロードがはじまります。表示が「起動」になったら完了です。

３．何度も使うのでこの画面を閉じてショートカットを作ります。
「Windowsメニュー」＞「最近追加されたもの」＞「XnConvert」を右クリック＞「その他」＞「タスクバーにピン止めします」を選択します。

設定（PNG/JPEGなど→WebPに変換）

１．タスクバーから「XnConvert」を起動します。

２．「設定」タブから「言語」＞「日本語」を選択します。

３．XnConvertを再起動します。画面右下の「閉じる」を選択します。

４．タスクバーから「XnConvert」を起動します。

５．「出力」タブから「形式」＞「WEBP - WebP」にします。
（「形式」＞「設定」から「画質」を既定値80を変更できますが、Googleの推奨は80%のようです。）

使い方（PNG/JPEGなど→WebPに変換）

１．「入力」タブ＞変換したい画像をドラッグ＆ドロップします。

２．変換する画像が表示されるので、右下の「変換」を選択します。

３．既定のままだと、各々のファイル名に後が _result.webp に変わります。

４．圧縮率をみると、ほとんど変わらないものもありますが、大きいものだと10分の1になっているものもあります。


現時点の最新版は、1.85です。公式サイトからは、最新版がダウンロードできます。Microsoft Storeは、少し古いバージョン1.80になります。

cwebp もあるよ。

オススメというわけではないですが、WebP 推しの開発元の Google から提供されているコマンドです。

最新情報

A new image format for the Web  |  WebP  |  Google Developers

ダウンロードサイト

Downloading and Installing WebP  |  Google Developers


こちらは、入力形式は、PNG/JPEG/ITGG/WebP/未加工のY'CbCr のみとなっています。

Windws版/Mac版/Linux版 とすべてそろっています。

使い方は

コマンドプロンプトから

> cwebp.exe [入力ファイル名] -o [出力ファイル名]

と入力します。

入力例

出力例

参考情報

XnConvert · Batch Image Converter | XnView.comhttps://www.xnview.com/en/xnconvert/

A new image format for the Web  |  WebP  |  Google Developers
https://developers.google.com/speed/webp

投稿画像を WebP にしよう（Safariサイレント対応？）
https://gsenjyounoai.blogspot.com/2020/05/webp.html