Matchホームお問い合わせここを訪れた方の疑問が少しでも解決できればいいなと思ってます。2019.05.26次世代フォーマットのWebPって最近よく聞くけど、どうすればいいの?一つ一つ画像をWebPに変換するのは面倒くさいWordPressのサイトをもっと高速で表示させたいこの記事にたどり着いたあなたはこんな悩みを抱えていませんか?そんなあなたに今回は「WordPressサイトの画像を、次世代フォーマットのWebPに、一括で変換する方法」をご紹介します。画像をダウンロードして確認まとめ次世代画像フォーマットWebP(ウェッピー)WebPとは、Googleが開発しているWeb向けの画像フォーマットで、Web上に掲載される画像のファイルサイズの圧縮を目的としています。WebPで画像を圧縮すると、一般的に利用されているJPEG形式の画像と比べて、約25~34%近くデータ量が削減することが可能です。このことでWebページ上での画像の読み込み速度が速くなり、Webページの読み込み速度を向上させることが出来ます。見た目的には、ほぼ変わりません(よーく見ると、ほんの少し画質が落ちてるかな?程度)。綺麗な画像を紹介するサイトでなければ、ぜひ導入したいフォーマットです。WebPに対応しているブラウザ2019年5月現在、残念ながらすべてのブラウザが対応しているわけではありません。Explorerも対応していません。今では多くの企業サイトでもWebPを使っているとの情報もあり、今後スタンダードなフォーマットになっていく可能性もあります。今回紹介するWebP化する方法は、対応していないブラウザで閲覧すると元の画像(JPG・PNG)が表示されるので安心です。WordPressはデフォルトでWebPに対応していないこれもWebPを導入するにあたって障害となる点です。Optimizer」というプラグインを使えばWebPをWordPressに対応させることが出来ます。Optimizer」を使ってWordPressの画像をWebP化していきましょう。Optimizer」の導入から設定方法、画像をWebP化する方法をご紹介します。インストール前にWordPressのバックアップを取ろう。新しいプラグインをインストールすると、たまに不具合が起こる可能性がありますので、いつでも復元できるようにしましょう。WordPressのバックアップは定期的に取っておいたほうがいいって聞くけど、実際にどうしたらいいのかよく分かりませんよね。Optimizer」をインストールしましょう。Optimizer」と入力します。Optimizer」が表示されたら「今すぐインストール」をクリック。インストールが終わったら「有効化」をクリック。Optimizer」のインストールと有効化は完了です。Optimizer」を選択。WebP」のチェックボックスにチェックを入れ、「変更を保存」をクリックします。するとその下に下記の画像の部分が表示されます。赤枠の部分をコピーし、「.htaccess」に追記をします。このとき「リライトルールを挿入する」をクリックしても「.htaccess」に追記できるのですが、「.htaccess」の一番最後に追記され、うまく行かないことがあるためクリックしてはいけません。慣れていないと、ここが一番難しく感じるところかもしれません。方法としては、FTPソフトを使って「.htaccess」ファイルをアップロードサーバーの管理画面から直接「.htaccess」ファイルを編集このどちらかになります。今回は「サーバーの管理画面から直接「.htaccess」ファイルを編集」する方法でご説明しましょう。ぼっちは「FUTOKA」というレンタルサーバーを使っていますので、「FUTOKA」でのやり方で説明しますが、他のサーバーでもだいたい一緒かと思います。「FUTOKA」で「.htaccess」ファイルを編集する方法まずは「FUTOKA」のコントロールパネルにログインし、「サーバーパネル」にログインします。次に左側メニュー、「サイト」のグループ内にある「.Htaccess設定」をクリック。html」をクリック。編集したいドメイン名の右側の「編集」をクリック。すると下記の画面が表示されます。Optimizer」の設定のときにコピーしたコードを貼り付けます。1の赤枠の部分が貼り付けたコードです。貼り付けたら2の「編集する(確認)」をクリックします。確認画面が表示されるので、間違いが無ければ「編集する(確定)」をクリック。最後に「.htaccessの設定が完了しました」と表示されて、.htaccessの設定は完了です。Optimizer」にWebPが対応したか確認する.htaccessの設定がうまくいっていれば、赤枠の部分が赤色の「PNG」から緑色の「WEBP」に変わります。これでWebP化の準備は完了しました。画像をWebPに変換していきます。次に「最適化されていない画像をスキャンする」をクリックします。スキャンが終わったら「最適化を開始」をクリックすれば、WebPの一括変換が始まります。画像の数が多いとそれなりに時間がかかりますので、終わるまでのんびり待ちましょう。Optimizer」が自動的にWebP化してくれます。毎回一括変換する必要はありません。らくチンですね♪WebPに変換されているか確認するとりあえず一括でJPGやPNGの画像をWebPに変換しましたが、ホントに変換されているか確認してみましょう。WordPressでWebP化されているか確認WordPressの管理画面から「メディア」をクリックすると画像の一覧が表示されます。そこを見ていただくと、しっかりと「WebP」と表記されてますね。画像をダウンロードして確認アップロード済みの画像をダウンロードしても確認することができます。自分が運営しているWordPressサイトの画像を、ドラッグ&ドロップでデスクトップやフォルダにダウンロードしてみましょう。することで、拡張子が「.webp」になっていることが確認できます。まとめいかがでしたでしょうか?JPGやPNGなどの画像を、次世代フォーマットのWebPに変換すると聞くとなんだか大変そうな気がしてしまいますが、作業自体はそんなに難しくは無いかと思います。画像のサイズが圧縮されたことでサイトの表示スピードが速くなり、サイトを見に来てくれた人々のストレス軽減にもつながることでしょう。SEO的にも少し有利になると思います。サイトの表示速度に不満のある方は、ぜひ試してみてください。サイトマップが設定されていないと、記事を公開してから検索結果に反映されるまで時間がかかってしまう場合があります。WordPressでサイト運営しているとどうしてもこの問題にブチ当たります。確かに一つ一つ手作業で設定を変更したりするのは専門的な知識も必要になり、なかなかハードルの高い作業となります。外部サイトへのリンク切れはそのまま放置しておくとSEO的によくありません。WordPressでブログ運営をしていると、日増しに増えていくのがこの「スパムコメント」。2日放置したけで47件たまってます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。画像をダウンロードして確認まとめタイトルとURLをコピーしました。