ウェブサイトを見ていて一番イライラするのは、ページの表示が遅いとき。たった2秒でも待たされると、ストレスがたまり始めるものです。
その原因の一つが、ページに使用されている画像のサイズです。特に美しい画像を多く使っているサイトでは、その容量が大きくなり、表示速度が顕著に遅くなることがあります。
そんな問題を解決してくれるのが、WordPressプラグインWebP Converter for Media。
この記事を読むと、画像を軽くして最適化する方法がわかり、サイトの使いやすさが格段に向上します。ユーザーにやさしいサイト作りは、結果的にユーザー満足度を高め、SEOにも良い影響を与えることになりますよ。
ぜひConverter for Mediaのインストールを検討してみてください。
WebP画像形式とは
WordPressプラグインConverter for Mediaを使えば、サイト内の画像を簡単にWebP（ウェッピー）形式に変換できます。
WebPとは、2010年にGoogleが開発した比較的新しい画像フォーマットで、拡張子は.webp。
特徴としては、JPEGやPNGと比べてファイルサイズを大幅に削減できるのに、画質の低下がほとんどない点です。つまり、軽くて高画質な画像を実現できるのがWebPの強みです。
こち画像を軽くしつつ、きれいさはキープ！
このフォーマットの主な目的は、Webサイトの表示速度を改善すること。画像が軽くなることで、ページが早く表示され、ユーザーの満足度も向上します。
たとえば、たくさんの重たい画像を使ったページはなかなか表示されませんが、軽い画像であればすぐに表示されます。これは、まさに軽い荷物を持った人と重い荷物を持った人が競争するようなものです。軽い方が断然速いのは明らかですよね。
WordPressユーザーにとっては、専用プラグインConverter for Mediaをインストールするだけで、JPEGやPNGファイルを簡単にWebP形式に変換できます。
設定もほとんど不要で、画像を軽くしながら美しさも保つことが可能です。ぜひ試してみてください！
Converter for Mediaの主な機能とメリット
Converter for Mediaは、標準の JPEG、PNG、GIF フォーマットのファイルを WebP および AVIF フォーマットに置き換えることにより、品質を落とすことなくページ重量を半分以上節約することができます。（無料版の場合はWebPフォーマットのみ）
こち683KBの画像が64KBに減りました。驚きのマイナス91％です。
すでにアップロードした画像はまとめてWebPに変換でき、 新しくアップロードされる画像も自動でWebPに変換されます。
設定もほぼいらないので、簡単に使えます。
表示速度向上
WebP 形式に変換することで、画像のファイルサイズを大幅に縮小できます。 ファイルサイズが小さくなると、画像の読み込み時間が短くなり、Webサイトの表示速度が向上します。そうすると、見る人にとって使いやすくなります。
なぜ表示速度が大切なの？
- 表示速度が遅いサイトは、ユーザーにストレスを与え、離脱率が上がってしまう可能性があります。
- Google などの検索エンジンは、表示速度が速いサイトを上位表示しやすい傾向にあります。
GoogleのPageSpeed Insightsでも、WebPへの変換が推奨されます。
元画像はそのまま残せる
WebP 形式に変換された画像に加えて、元の画像もそのまま保存されます。 万が一、WebP 形式で表示できないブラウザから閲覧された場合は、元の画像を表示します。
なぜ元の画像を残すのが大切なの？
- 将来的に WebP 形式に対応していないサービスで画像を使用する場合に備えることができます。
- 万が一、WebP 形式に変換した画像に問題が発生した場合でも、元の画像に戻すことができます。
元画像を上書きや削除はせずに、下記のようにサーバー内の別のフォルダーにWebPファイルを作成します。
▼元の画像フォルダー：
wp-content > uploads > 2024 > 08
▼WebPの画像フォルダー：
wp-content > uploads-webpc > uploads > 2024 > 08
初期設定が簡単
プラグインをインストールして有効化するだけで、基本的な機能を利用できます。 .htaccessファイルの編集や複雑な設定項目はほぼなく、WordPress初心者でも簡単にインストールできます。
WebP 形式への変換は、プラグインが自動で行うため、ユーザーが手動で設定する必要がありません。
Converter for Media のインストール手順
左サイドメニュープラグインから新規プラグインを追加を選択します。画面右上のプラグインの検索の枠にconverter for mediaと入力。
converter for mediaを見つけて今すぐインストールをクリック。
インストールが完了すると青いボタンで有効化と表示されるのでクリック。
自動更新を有効化をクリック。
Converter for Media の使い方
新規アップロード時の自動変換
アップロードするときに自動でWebPに変換されるので、新しく画像（メディア）をアップロードする場合は今まで通りです。
こち特別に何かすることはありません。
メディアファイルの一括変換方法
すでに、WordPressにアップロード済のメディアがある場合は、一括でWebPに変換します。
プラグインの設定に移動するをクリック。もしくは左サイドメニューの設定からConverter for Mediaを選択。
デフォルトの設定のままでOKです。
・コンバージョン戦略：真ん中にチェック
・対応する出力フォーマット：WebPにチェック
・対応ディレクトリー：/uplordsにチェック
・新しい画像の変換：自動変換するにチェック（緑色）
画像の一括化で一括最適化開始をクリック。
有料バージョンへの案内メッセージなので右上の×をクリックして閉じる。
緑の丸枠内に100%と表示されたらWebP変換は完了です。
※今回はファイル変換の思考が失敗スキップされました：～と変換できなかった画像がいくつかありますが、ひとまずこのままにします。すべてのファイルが変換できなくても問題はありません。
WebPになっているか確認
ブラウザからサイト内の画像がWebPに変換されているか確認してみましょう。
サイト内の画像の上でマウスを右クリックし、名前をつけて画像を保存…を選びます。
画像をどこに保存するかの画面が表示されるので、そこでWebPファイルになっていることを確認します。確認できたら保存はしないのでキャンセルをクリック。
Converter for Media の注意点
互換性の問題
webpは古いブラウザには対応していませんが、2024年8月時点では、主要ブラウザはWebPに対応してます。
もしも、対応してない場合は画像が空白にはならず、WebP変換前の元画像が表示されるので大丈夫です。
EWWW Image Optimizerとの比較
画像を圧縮したり、webpに変換するプラグインでもっともポピュラーなのがEWWW Image Optimizer。
私も今まで何年もずっと利用してきましたが、WebPに変換するには、サーバー管理画面で.htaccessファイルを編集する必要があり、設定がやや複雑です。
また、プラグインの機能が一部SWELLの持つ機能とぶつかるため、部分的にOFFにしなければならないなど、SWELLとの相性が気になっていました。
Converter for MediaはSWELLと相性が悪いという情報もなく、WebP変換に特化しているので、設定が簡単で初心者でも使いやすいことからご紹介しました。
さいごに
Converter for Media は、Webサイトの表示速度を向上させたいけれど、難しい設定はしたくないという方におすすめのプラグインです。
WebP 形式への変換を自動化し、元の画像も残してくれるため、安心して利用できます。
そして、シンプルで使いやすいという点が大きな魅力。
初めて WebP 変換に挑戦する方や、多くの機能は必要としないという方には、最適な選択肢と言えるでしょう。
画像の適切なサイズや、画像に関する色々な疑問はこちらの記事を参照ください。
