Converter for mediaの使い方を解説【WebP】

2023/03/012024/07/03

悩む人

JPEG（JPG）やPNGの画像をWebPに変換してページの表示速度を上げたいです。そのために「Converter for media」プラグインを導入したいんだけど使い方が分からない。

こういった悩みにお答えします。

本記事で解決できること

是非、最後までご覧ください。

本記事の内容

Converter for mediaの使い方を解説する前に「WebP」の特徴を紹介します。

「Googleが開発した次世代の画像フォーマット」です。　※元の画質を維持したままファイルサイズを軽量化することができます。
Google（https://developers.google.com/speed/webp）によれば、ファイルサイズがPNG画像よりも26％縮小され、JPEG（JPG）画像よりも25〜34％縮小されます。　※ページの表示速度の高速化が図れます。
「非可逆圧縮」と「可逆圧縮」のどちらにも対応しています。
PNGやGIFのように背景を透過することもできます。
GIFのようなアニメーションにも対応しています。

画像フォーマット	圧縮方法	元の画質	圧縮による画質	圧縮によるファイルサイズ	保存
WebP ウェッピー	非可逆圧縮可逆圧縮	1677万色	圧縮前と同じ	超軽い	繰り返しても画質は劣化しない
JPEG（JPG）ジェイペグ	非可逆圧縮	1677万色	圧縮前との違いが分からないくらい	軽い	繰り返す度に画質が劣化する
PNG ピングまたはピン	可逆圧縮	256色〜1677万色	圧縮前と同じ	重い	繰り返しても画質は劣化しない
GIF ジフ	可逆圧縮	256色	圧縮前と同じ	軽い	繰り返しても画質は劣化しない

主要ブラウザ（GoogleChrome、Microsoft Edge、Safari、Fire Fox）のほぼ全てでWebPに対応しています。

対応ブラウザではWebPを表示します。
非対応ブラウザでは元形式の画像（JPEG/JPG、PNG）を表示します。
画像アップロード時に自動でWebPに変換してくれます。
既存の画像もWebPに一括変換が可能です。
テーマ・プラグイン内の画像もWebPに変換が可能です。　※Adsense広告の画像まではWebPには変換されません。
WebPに変換された画像は別ディレクトリ（/wp-content/uploads-webpc/）に保管されるため、元画像は保持されます。　※すでにアップロードしている画像のリンクが変更されることがないです。
プラグインを無効化すると元形式（JPEG/JPG、PNG）の画像を表示します。
日本語翻訳が使えるため設定に対するストレスが少ないです。

管理画面メニューから、「プラグイン」＞「新規追加」を選択します。

「プラグインの検索…」にプラグイン名を入力します。

下記を入力用として置いておきますので必要な方はお使い下さい。

Converter for media

管理画面メニューから、「設定」＞「Converter for media」を選択します。

「Converter for media」が表示されました。

※日本語に翻訳しています。

「General Settings（一般設定）」から行っていきます。

General Settings（一般設定）

※日本語に翻訳をしています。

手順

Conversion strategy

デフォルトのままでOKです。

手順

Supported output formats

デフォルトのままでOKです。　※AVIFはプロ仕様にアップグレードすると利用可能になります。

手順

Supported directories

「/アップロード」はデフォルトでチェックが付いています。

ここは好みになってくるかと思いますが、僕はどちらにもチェックを入れました。

WebPに変換された画像の保管場所

対象のディレクトリ	対象のファイル	画像の保管場所
/plugins	プラグイン内画像	「サイトドメイン」＞「public_html」＞「wp-content」＞「uploads-webpc」
/themes	テーマ内の画像	「サイトドメイン」＞「public_html」＞「wp-content」＞「uploads-webpc」
/uploads	メディアライブラリ内の画像	「サイトドメイン」＞「public_html」＞「wp-content」＞「uploads-webpc」

手順

Maximum image dimensions

プロ仕様にアップグレードすると利用可能になる機能ですので気にしなくてOKです。