WordPressで画像を圧縮する方法（プラグインありとなし）

個人のブログまたはビジネスのWebサイトを運営しているかどうかにかかわらず、速度とパフォーマンスのためにサイトを最適化する必要があります。 また、速度を上げる場合、サイトでホストされている画像が重要な役割を果たします。 そこで、この記事では、WordPressで画像を圧縮して、Webサイトの速度を最適化する方法を紹介します。

なぜWordPressで画像を圧縮する必要があるのですか？

WordPressで画像を圧縮する主な理由は、Webサイトの速度を最適化することです。 しかし、改善されたWebサイトの速度により、いくつかの追加の利点もあります。

画像サイズが大きいWebサイトに画像を追加しすぎると、Webページ全体のサイズも大きくなります。 そのため、ウェブページの読み込みにはかなり長い時間がかかります。 ただし、これらの画像を圧縮すると、画像サイズが小さくなり、ウェブページの読み込みが速くなり、ウェブサイトの速度が向上します。

さらに、Googleはウェブサイトの速度もSEOのランキング要素と見なしています。 したがって、検索エンジンの結果ページでWebサイトを上位にランク付けする場合は、パフォーマンスを向上させるためにWebサイトも最適化する必要があります。 そしてありがたいことに、画像を圧縮することは、Webサイトの速度を向上させる最も簡単な方法の1つです。

WordPressで画像を圧縮する方法

WordPressで画像を圧縮するには、次の2つの方法があります。

• プラグインの使用
• 手動で

両方のオプションを見ていきます。

プラグインを使用してWordPressで画像を圧縮する

すでにWordPressWebサイトにアップロードされている画像を圧縮する場合は、この方法が適しています。

あなたがしなければならないのは、WordPress画像圧縮プラグインの1つを使用することです。 次に、プラグインは既存のすべての画像を自動的に圧縮します。 プラグインを構成して圧縮レベルを選択すると、プラグインが画像の圧縮を処理するため、他のタスクに集中できます。

このチュートリアルでは、 ShortPixelプラグインを使用します。 ただし、ニーズに合った他のプラグインを使用できます。 ただし、プラグインの使用を開始するには、最初にプラグインをインストールしてアクティブ化する必要があります。

1.プラグインをインストールしてアクティブ化します

プラグインをインストールするには、WordPressダッシュボードから[プラグイン]> [新規追加]に移動し、キーワードを使用してプラグインを検索します。 次に、[今すぐインストール]をクリックします。

インストールが完了したら、プラグインをアクティブ化します。

プレミアムプラグインまたはWordPressリポジトリに含まれていないプラグインを使用する場合は、手動でインストールする必要があります。 プラグインはプラグインのWebサイトまたはマーケットプレイスからダウンロードして、WordPressのWebサイトにアップロードできます。 詳細については、WordPressプラグインを手動でインストールする方法の詳細なガイドをご覧ください。

2.プラグインを構成します

プラグインをアクティブ化した後、プラグインの使用を開始するにはAPIキーが必要です。 プラットフォームを初めて使用する場合は、新しいAPIキーをリクエストできます。 メールアドレスを入力して、リクエストキーをクリックするだけです。

ただし、APIキーを既にお持ちの場合は、それを入力して[検証]をクリックします。

有効なAPIキーを入力すると、次のページでプラグインの設定を確認できるようになります。

[一般設定]ページから、圧縮モデル、サムネイルの最適化、EXIFデータ、画像のサイズ変更などの基本設定を構成できます。

元の画像ファイルのバックアップを別のフォルダに保持するオプションもありますが、より多くのストレージスペースが必要になる場合があります。 ホスティングプランで利用できるスペースが限られている場合は、サーバー内にバックアップを保持することは賢明な選択ではありません。 したがって、決定を下す前に、使用可能なディスク容量と帯域幅があることを確認してください。

[詳細設定]タブから、最適化する特定の画像フォルダを選択したり、自動最適化を有効にしたり、PNGからJPEGへの変換などを行うことができます。 プラグインには、画像圧縮に適したデフォルト設定もいくつか付属しています。 ただし、必要に応じて変更することもできます。

さらに、Cloudflare CDNを使用している場合は、 CloudflareAPIタブからプラグインと統合できます。 これにより、画像の配信がさらに高速になります。 必要なのはゾーンIDとトークンだけです。

最後に、統計ページには、圧縮されたイメージ、圧縮率、ディスクスペース、および節約された帯域幅が表示されます。 構成が完了したら、準備は完了です。 構成後に変更を保存することを忘れないでください。

今後、新しい画像をライブラリにアップロードするたびに、プラグインはそれらを自動的に圧縮します。

メディア設定の下に、マス最適化に役立つ一括圧縮オプションも表示されます。 [最適化の開始]をクリックすると、画像の最適化が自動的に開始されます。

それでおしまい！ ShortPixelで画像サイズを縮小できるようになりました。 また、他のプラグインを使用する場合でも、手順は非常に似ています。

WordPressで画像を手動で圧縮する

WordPressのインストールに画像を追加し始めておらず、まだ多くのプラグインを使用したくない場合は、この方法の方が適しています。 今日利用可能な多くのオンライン画像圧縮ツールがあります。 圧縮する必要のある画像をこれらのツールにアップロードするだけで、最適化されたバージョンを入手できます。

幸い、ほとんどのツールは無料で、必要な画像圧縮とサイズ縮小の量を設定できます。 ただし、まだいくつかの制限があります。 ツールを詳細に確認するための手順を実行してみましょう。

このチュートリアルでは、 ShortPixelオンライン画像圧縮ツールを使用します。 ShortPixelの画像圧縮ツールは完全に無料で、適切な機能が付属しています。 最大50枚の画像を同時に最適化でき、3つの圧縮レベルを選択することもできます。

1.圧縮レベルを選択します

画像をアップロードする前に、画像の圧縮レベルを選択する必要があります。 画像圧縮には3つのレベルがあります。

• ロッシー
• 光沢のある
• 無損失の

非可逆レベルは最大のサイズ縮小を提供し、可逆レベルは最小の画像サイズ縮小を提供します。 非可逆レベルは最も適切でバランスが取れているため、画像を圧縮することをお勧めします。 画像のサイズを最大に縮小して、優れた画質を得ることができます。

2.画像​​をアップロードします

圧縮レベルを選択したら、圧縮する画像のアップロードを開始できます。 ウェブサイトの画像ボックスにアップロードするだけです。 画像がアップロードされるとすぐに、ツールは画像の圧縮を自動的に開始します。

画像のサイズと選択した圧縮レベルに応じて、このプロセスには数秒かかります。 その後、圧縮率とサイズが記載された、新しく圧縮された画像ファイルがWebページに表示されます。

上のスクリーンショットでわかるように、画像サイズが平均75％以上縮小されています。これはすばらしいことです。 また、画像サイズを比較して、圧縮された画像の品質が依然として非常に良好であることに気付くことができます。

画像をダウンロードする準備ができたら、個別に、またはzipファイルでダウンロードできます。 各画像を個別にダウンロードする必要がある場合は、 [ダウンロード]ボタンを使用する必要があります。

一方、すべての圧縮画像を一度にダウンロードする必要がある場合は、画面の上部に表示されている[ファイルのダウンロード]ボタンをクリックします。

その後、これらの画像をWordPressWebサイトにアップロードできます。 手動による方法は単純ですが、プラグインによる方法と比較していくつかの追加手順があります。

これで、画質を損なうことなくWordPressで画像を圧縮する方法がわかりました。

WordPressで画像を圧縮するためのヒント

WordPressで画像を圧縮してウェブサイトを高速化することはできますが、その際に留意する必要のある特定の事項があります。 さらに、画像をより速くロードするのに役立ちます。

1.画像の遅延読み込み

デフォルトでは、誰かがあなたのページのいずれかにアクセスすると、WordPressはコンテンツ全体を一度にロードします。 そのため、画像が多すぎる場合は、サーバーのパフォーマンスに応じて時間がかかります。 ただし、遅延読み込みと呼ばれる、画像配信を最適化するために利用できる簡単な手法があります。

有効にすると、誰かがあなたのページにアクセスしたときに、すべての画像が一度に読み込まれることはありません。 代わりに、ユーザーがWebページのそれぞれのセクションにスクロールダウンすると、画像が提供されます。 これは、ページの読み込み時間を短縮するための優れた方法です。

WordPressのほとんどのキャッシュプラグインには、デフォルトで遅延読み込み機能が付属しています。 キャッシングプラグインがサポートしていない場合は、 BJ LazyLoadなどの専用プラグインの使用を検討する必要があります。 プラグインはしばらくの間更新されませんが、それは仕事をします。

2.EXIFデータを削除します

EXIFデータは、カメラによって画像に追加される小さな詳細です。 WordPressインストールに画像をアップロードすると、EXIFデータが保存され、デフォルトでは削除されません。 ただし、WordPressのインストールを処理する場合、これらは必要ありません。

したがって、EXIFデータを削除することは、画像をより速く提供するためのもう1つの良い選択です。 これらは、ShortPixelなどの画像圧縮ツールを使用して簡単に削除できます。 ただし、自動化されたEXIFデータ削除ツールを使用して、画像ライブラリ全体のEXIFデータを同時に削除できます。

3.画像をキャッシュします

キャッシュシステムを使用することは、画像の提供を高速化し、HTTPリクエストを減らすための優れた方法でもあります。

キャッシュシステムは、すべてのWebページのコピーを作成し、ユーザーが要求したときにそれを提供するのに役立ちます。 ユーザーは、キャッシュされたバージョンのWebページを表示します。 ただし、キャッシュプラグインの設定を使用して、コピーを手動で継続的に更新できます。

繰り返しになりますが、画像をキャッシュする場合は、 WordPressキャッシングプラグインまたはWebホスティングプロバイダーが提供するキャッシングプラグインを使用できます。

サイトの速度を向上させるためのヒント

画像圧縮が完了すると、途中で完了します。 次に、WordPressのインストールを高速化するためのいくつかのベストプラクティスを見てみましょう。

1.キャッシングプラグインを使用する

キャッシュプラグインは、Webページのオフラインコピーを生成し、それらをサーバーに保存します。 したがって、訪問者がページにアクセスすると、キャッシュプラグインが保存されたコピーを提供します。 このようにして、サーバーへのリクエストを減らし、ページ速度を最適化できます。

一部のWordPressホスティング会社には、統合されたキャッシュシステムが付属しています。 ただし、必要に応じて、次のよく知られたキャッシュプラグインのいずれかを選択できます。

• WPロケット
• スーパーキャッシュ
• 最速のキャッシュ
• W3トータルキャッシュ

これら以外のプラグインを使用したい場合は、WordPress用のキャッシュプラグインがいくつかあります。 それらを表示するには、ここをクリックしてください。

これらのプラグインはすべて最小限の構成オプションを備えており、ページの読み込み速度を上げることができます。 さらに、一部のキャッシングプラグインには、遅延読み込み機能とCDN統合が組み込まれています。 これらのオプションを使用すると、前のセクションで説明したように、追加のプラグインを減らし、より良い結果を得ることができます。

さらに、これらのプラグインの一部を使用してWooCommerceストアを実行している場合は、チェックアウトページなどの特定のページをキャッシュから除外することもできます。

2.軽量テーマを使用する

基本的なウェブサイトが必要な場合は、派手なWordPressテーマを選択しないでください。 フレームワークが重く、JavaScriptやその他のファイルがたくさん付属しています。 したがって、Webサイトの速度を下げることにより、Webサイトのパフォーマンスに影響を与える可能性があります。

ほとんどのテーマ作成者は、ユーザーがテーマを試すためのデモWebサイトを提供しています。 このデモWebサイトを使用して、テーマのパフォーマンスと速度を確認できます。

デモWebサイトのURLをコピーして、 PingdomやPageSpeedInsightなどのWebサイトスピードツールにアクセスするだけです。 次に、プロセスを開始してパフォーマンスをテストし、結果を確認します。 軽量のテーマであれば、非常に優れたパフォーマンス結果が得られます。

ただし、デモWebサイトは、キャッシュプラグインと圧縮画像で100％最適化されているわけではないことに注意してください。 そのため、テスト結果にはわずかなばらつきがあります。

私たちの経験では、最も軽量なWordPressテーマは次のとおりです。

• GeneratePress –GeneratePressレビュー
• アストラ–アストラテーマレビュー
• OceanWP
• ジェネシスフレームワーク

3.優れたホスティングプロバイダーを選択する

ウェブホスティング会社を検索すると、Googleは何百もの検索結果を表示します。 市場には、無料、フリーミアム、プレミアムのWebホスティング会社があります。 ただし、ビジネスに真剣に取り組んでいる場合は、無料のWebホスティングプロバイダーを使用することはお勧めしません。 プレミアムウェブホスティング会社は、より大規模なサーバーパフォーマンス、サポート、およびセキュリティを提供します。

これは、2022年に使用できる最高のWordPressホスティング会社のリストです。Webサイトのニーズに応じて、任意のホスティングサービスを使用できます。

ただし、現在のホスティングに満足できない場合は、いつでもより良いホスティングに移行できます。 完全なWebサイトのバックアップを作成し、それを復元するだけでうまくいきます。

4.CDNを使用する

CDNはコンテンツ配信ネットワークの略です。 WordPress Webサイトのホスティングプランを選択すると、ホスティング会社から希望のデータセンターを尋ねられます。 評判の高いホスティング会社は、ユーザーが好みに応じて選択できる複数の場所にデータセンターを持っています。

米国にあるデータセンターを選択した場合、米国からの訪問者のWebサイトの読み込みが速くなります。 ただし、その一方で、誰かがインドまたはデータセンターの場所から遠く離れた他の国からWebサイトにアクセスした場合、Webサイトの読み込み時間がわずかに遅れます。 この問題を修正するには、CDNプロバイダーを使用する必要があります。

CDNプロバイダーは、世界中に複数のデータセンターの場所を持ちます。 あなたが彼らのネットワークにあなたのウェブサイトを追加すると、プロバイダーはあなたのウェブサイト訪問者の場所に最も近い適切なサーバーを選びます。 その結果、世界中のWebサイト訪問者に最適化されたパフォーマンスを提供できます。

CDNプロバイダーをお探しの場合は、 Cloudflareをご覧ください。 Cloudflareはフリーミアムプラットフォームであり、ページのパフォーマンスに関しては多くの最先端の機能を利用できます。

ボーナス：検索エンジン用に画像を最適化する方法

通常のGoogle検索結果とは別に、人々は画像結果を使用して必要なものを見つけることもできます。 したがって、検索エンジン用に画像を最適化することは重要なタスクです。 ただし、アップロードした画像をGoogleやその他の検索エンジン用に少し調整するだけで簡単に最適化できます。

WordPressのウェブサイトに画像をアップロードする際に考慮する必要のある重要な要素のいくつかを次に示します。

1.タイトルタグ

WordPressは、デフォルトで画像の名前に従ってタイトルタグを自動的に生成します。 ただし、メディアライブラリページから簡単に上書きできます。 必要に応じて、HTMLバージョンのページにタイトルタグを追加して、画像を理解しやすくすることができます。

2.ALTタグ

検索エンジンのクローラーは、altタグを使用して画像を理解します。そのため、画像にaltタグを追加する必要があります。 手動で、またはWordPressプラグインを使用して行うことができます。

写真やGIFファイルをメディアライブラリにアップロードすると、WordPressはaltタグを要求します。 画像やウェブサイトのコンテンツに関連するキーワードを入力するだけで、準備完了です。 画像を正しく記述することで、altタグをさらに良くすることができます。

さらに、メディアライブラリ自体から必要なときにいつでもaltタグを変更することもできます。

3.XMLサイトマップ

サイトマッププラグインを使用してサイトマップを作成することで、検索エンジンのプレゼンスをすばやく向上させることができます。 Google Search Consoleツール内でサイトマップを送信し、コンテンツの取得を開始するだけです。 画像のランキングを上げるために、必要なすべての画像を含むサイトマップファイルを作成することも検討できます。

ほとんどのSEOプラグインにはこの機能が付属しています。 サイトマップを作成したら、それをGSCプロパティに追加します。 その後、SEOプラグインはすべての画像を取得し、新しい写真を追加するたびに検索エンジンインデックスに送信します。

ALTタグを自動的に追加する方法

画像内のaltタグの重要性についてはすでに説明しました。 そこで、簡単なWordPressプラグインを使用してaltタグを自動的に追加する方法を紹介します。

WordPressの画像にaltタグを追加するためのプラグインがいくつかあります。 ただし、今のところ、プラグインPB SEO FriendlyImagesを使用します。

最初に行う必要があるのは、WordPressサイトにプラグインをインストールしてアクティブ化することです。

アクティベーション後、左側にプラグインの構成オプションが表示されます。 WordPressダッシュボードから[設定]> [SEOフレンドリー画像]に移動するだけです。

そこから、好みに応じてaltスキームを変更します。

変更後、設定を更新する必要があります。

それでおしまい！ プラグインは、これからアップロードするすべての新しい画像のaltタグを変更します。 さらに詳しい情報が必要な場合は、WordPressの画像にaltタグを自動的に追加するための詳細なガイドもあります。

結論

画像を圧縮することは、Webサイトの速度を上げるための最良の方法の1つです。 したがって、 WordPressで画像を圧縮する必要がある場合は、すぐに圧縮する必要があります。 彼らはさらにあなたのウェブサイトがいつか検索エンジンでより良くランク付けされるのを助けます。

要約すると、2つの主要な方法を使用してWebサイトの画像を圧縮できます。

• プラグインを使用する
• 手動で

すでに画像をWebサイトにアップロードしている場合は、プラグインを使用して画像を圧縮できます。 一方、新しい画像をWebサイトにアップロードする必要がある場合は、手動によるアプローチの方が簡単です。 それでも、アップロード済みかどうかに関係なく、これらの方法の両方を使用して画像を圧縮できるため、すべては好みに依存します。 ShortPixelは両方のアプローチに使用でき、Cloudflareとの統合とより多くの便利な機能を備えているため、画像を圧縮するための私たちのお気に入りのツールでもあります。

さらに、画像を圧縮し、Webサイトの速度を向上させ、検索エンジン用に画像を最適化するためのヒントもいくつか含まれています。 また、あなたが好きかもしれないいくつかのより興味深い記事があります：

• WooCommerceの画像サイズの問題を修正する方法
• WooCommerceの商品に画像を追加する
• WordPressでカスタム画像サイズを追加する方法

この記事がお役に立てば幸いです。 もしそうなら、他のブロガーとそれを共有してください。

WordPressで画像をどのように圧縮しますか？ 手動またはプラグインを使用して？ コメントで教えてください。