Modern Image Formatsは、サーバーがAVIFに対応していればAVIFに、AVIFに対応していなければWebPに画像を自動変換してくれるWordPressプラグインです。

AVIFとWebPの両方に対応している場合は、どちらを生成するか設定で選択できます。

Modern Image Formatsのインストール

インストール手順は以下の通りです。

ファイルをFTPでアップロードしてインストール

  1. Modern Image Formatsをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、Modern Image Formatsを有効化します。

WordPress管理画面でインストール

  1. [プラグイン] – [新規追加]にアクセスします。
  2. 「Modern Image Formats」で検索します。
  3. [今すぐインストール]をクリックして、Modern Image Formatsをインストールします。
  4. [有効化]をクリックしてプラグインを有効化します。

Modern Image Formatsの設定

WordPress管理画面で[設定] -> [メディア]を開きます。下の方に「Modern Image Formats」という設定項目が追加されています。

画像出力フォーマットAVIFとWebPのどちらを生成するか
フォールバック画像を出力する元の画像形式のリサイズ画像を生成するか
すべてのフォールバック画像サイズを生成するすべてのサイズで元の画像形式のリサイズ画像を生成するか
picture 要素pictureタグで元形式のフォールバックを行うか

設定できたら、後は通常通り画像をアップロードすれば、自動でAVIFもしくはWebP画像が生成されます。投稿や固定ページに挿入した画像は、AVIFもしくはWebPで出力されるようになります。

なお、元画像よりもサイズが大きくなる場合は、AVIFやWebPは生成されません。

既存画像のAVIF/WebPへの変換

既存画像をAVIFやWebPに変換するには、Regenerate ThumbnailsやForce Regenerate Thumbnailsなどのサムネイル画像再生成プラグインを利用します。

ただし、AVIFもしくはWebPの生成が行われるのみで、すでに挿入済みの画像の出力が自動で変更されるわけではありません。

投稿や固定ページに挿入済みの画像もAVIFもしくはWebPに変更するには、画像ブロックの置換や再挿入を行う必要があります。

あとがき

以前は、WebP Uploadsというプラグイン名でした。フォーマットにAVIFが追加されプラグイン名も変わったようです。

画像をAVIFやWebPに変換して軽量化したい時は、ぜひ導入をご検討ください。

投稿者

himecasのアバター

コメントを残す

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

Table of Contents