EWWW Image Optimizerの以下のコードをコピーして.htaccessに貼り付けます。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|png)$
RewriteCond %{REQUEST_FILENAME}\.webp -f
RewriteCond %{QUERY_STRING} !type=original
RewriteRule (.+)\.(jpe?g|png)$ %{REQUEST_FILENAME}.webp [T=image/webp,E=accept:1,L]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp
私の場合は一番上「#BEGIN WORDPRESS」の前に貼り付けました。
一括最適化
上記の編集が終わったら、メニュー画面の「メディア」から「一括最適化」を選択します。
一括最適化の画面が開いたら、「最適化を強制」にチェックを入れて「」を選択します。
実際最適化を始めると…
5万超の画像ファイルの一括最適化を始めた直後は、最適化完了までの残り時間は5時間超と表示されていたと思ったんですが、実際に作業を開始してみると2日経っても半分も終わりません。
私の見間違え立ったのでしょうか…。結局終わったのは5日目に入ってからでした。
WebPに本当に変更されているのか？
最適化完了後、再び管理画面のメニューにある「設定」から「EWWW Image Optimizer」を選択すると、相変わらずPNGと右下に表示されています。
どうやらブラウザのキャッシュデータが残っているようなのでキャッシュデータを強制的に更新する「Ctrl+F5」で表示を強制更新します。すると右下のマークがWEBPに変更されました。
念のため実際のファイルも見てみましょう。
コメント