みなさんこんにちは!おさかなです!
今回は「WebP Converter for Media」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・サイト内の画像を一括で「.webp」拡張子に変換したい方
・WordPressサイトを運営中の方
・画像を軽量化したい方
「WebP Converter for Media」って何?
「WebP Converter for Media」とは、サイト内の画像拡張子を「.webp」に変換してくれる、WordPressプラグインのことです。
.webp拡張子とは、Googleの
![](https://ps.w.org/webp-converter-for-media/assets/banner-772x250.png?rev=2757184)
↓画像単体で「.webp」に変換したい方はこちらもおすすめ!
![](https://osakanav.com/wp-content/uploads/2022/01/squoosh-top-160x90.png)
実際に使ってみよう!
プラグインを追加しよう!
それではまず、WordPressの管理画面にログインします!
![](https://osakanav.com/wp-content/uploads/2020/02/20-03-06-15-00-51-270_deco-300x300.jpg)
「ダッシュボード」から「プラグイン」>「新規追加」を選択します!(よいしょ!)
![](https://osakanav.com/wp-content/uploads/2021/11/wp-plugin-new.png)
検索ボックスに「WebP Converter for Media」と入力します。
![](https://osakanav.com/wp-content/uploads/2021/04/Inkedwp-plugin-kensaku_LI.jpg)
すると…?
こんな感じでヒットしました!(おお!)
![](https://osakanav.com/wp-content/uploads/2022/03/web-p-plugin.png)
「今すぐインストール」ボタンを押します。(ポチッと)
![](https://osakanav.com/wp-content/uploads/2022/03/web-p-plugin-install.png)
インストールが完了したら、「有効化」させましょう!(エイ!)
![](https://osakanav.com/wp-content/uploads/2022/03/activate-web-p.png)
(あともう少し…🍫)
.webpに変換しよう!
無事にプラグインが有効化できたら、ダッシュボードから「設定」>「WebP Converter」を開きます。(おー!)
![](https://osakanav.com/wp-content/uploads/2022/03/web-p-setting.png)
こちらから設定できますが、デフォルト設定のままでも問題ありません。(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2022/03/web-p-setting-page.png)
既存の画像を一括で「.webp」に変換する場合は、ページの一番下にある「Regenerate All」を押します!
![](https://osakanav.com/wp-content/uploads/2022/03/web-p-all-btn.png)
しばらく待ちます…⌚
![](https://osakanav.com/wp-content/uploads/2022/03/web-p-all-bar.png)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-top-160x90.png)
確認しよう!
最後に、拡張子をチェックしていきましょう!
Windowsの人は「F12キー」macの人は「option + command + i」で、デベロッパーツールを起動します。(おりゃー!)
![](https://osakanav.com/wp-content/uploads/2022/03/osakanav-dev.png)
次に「Network」タブに切り替えます。
![](https://osakanav.com/wp-content/uploads/2022/03/dev-network.png)
「img」を押しましょう!(はい!)
![](https://osakanav.com/wp-content/uploads/2022/03/dev-network-img.png)
「Type」を確認してみると…?
こんな感じできちんと「.webp」に変換されたことがわかります!(おめでとう🌸)
![](https://osakanav.com/wp-content/uploads/2022/03/dev-type.png)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
サイトの読み込みが早くなるといいね…。
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
ね!(それより、お腹空いたな〜。笑)
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2021/03/seesaa-top-160x90.jpg)