WordPress用の6つの最高の画像圧縮プラグイン(2021年の比較)

公開: 2021-11-16

品質を犠牲にすることなく画像の読み込みを高速化する方法を探している場合は、WordPress画像圧縮プラグインが必要です。 画像圧縮により、大きな画像のサイズが大幅に縮小され、読み込み時間とWebサイト全体の速度が向上します。

あなたが私のようなら、あなたのウェブサイト上のすべての画像を最適化するという考えはたくさんのように聞こえます。 ありがたいことに、ImagifyのようなWordPressプラグインがあります。 最良の部分は、Photoshopやその他の編集ソフトウェアが必要ないことです。

この記事では、画像を圧縮してWordPressサイトのパフォーマンスを最適化するのに役立つプラグインについて説明します。 しかし、最高のオンライン画像コンプレッサーの比較を始める前に、優れた圧縮プラグインが持つべき主な機能を強調しましょう。

画像圧縮プラグインの選び方

このセクションでは、画像圧縮プラグインで探す必要のある機能のリストを確認します。 それらのすべてが必須というわけではありませんが、それらを持っていると、画像を最適化し、Webサイトの読み込みを高速化するのに役立ちます。

必須の機能を詳しく見てみましょう。

  • 最も一般的な画像ファイル形式をサポートします。画像圧縮プラグインがさまざまなファイル形式で機能することを確認する必要があります。 最も人気のあるタイプは、PNG、JPEG、GIF、またはWebP画像です。
  • 画像をWebPに変換します WebPはGoogleが開発した次世代フォーマットです。 この形式では、高品質を維持しながら、画像ファイルのサイズをJPEGおよびPNG画像よりも最大35%小さくすることができます。 ほとんどの場合、画像はPNGまたはJPEGを使用してWordPressライブラリにアップロードされます。 優れた圧縮プラグインは、それらをWebPに自動的に変換して、時間を節約できます。
  • 圧縮のレベルを選択できます。プラグインを使用すると、さまざまなレベルの圧縮を試して、ファイルサイズと品質の完璧なバランスを実現できます。 それがあなたのヒーロー画像であるなら、あなたはそれが最適化されることを望みますが、確かにぼやけてはいけません。 クライアントの声の非常に小さな写真である場合は、品質を低くしても問題ない可能性があります。
    プラグインがさまざまな圧縮レベルを提供しているかどうかを確認する良い方法は、それらの「非可逆または可逆」機能を確認することです。

ロッシーvsロスレス
非可逆:ファイルサイズが大幅に減少し、画質がわずかに低下します。可逆:画像ファイルサイズがわずかに減少し、品質が低下することはありません。
注:ほとんどの場合、人間の目は可逆圧縮と非可逆圧縮を区別できません。 また、ロスレスとロスレスの違いを説明する専用のブログ投稿もあります。

  • サーバー上の画像を最適化する:帯域幅とストレージを節約するのに役立つ画像を最適化するために、サーバーではなくサーバーを使用するプラグインを選択します。
  • 画像のサイズをその場で変更します。WordPressに画像をアップロードするときに、高さ、尊重する幅、またはより簡単にパーセンテージを指定できることを確認してください。
  • 複数の画像を圧縮するための一括最適化数千枚の画像を含むeコマースサイトがある場合、それらすべての画像を手作業で圧縮するのは非常に面倒です。 プラグインで一度に複数の画像を圧縮できることを確認します。
  • 無駄のないインターフェースを備えています。何千ものオプションで迷子にならないように、適切に設計されたインターフェースを提供するプラグインが必要です。
  • バックアップオプションを提供します。最適化された画像の品質が気に入らない場合は、元の状態に戻すことをお勧めします。 画像圧縮プラグインが無制限のバックアップを提供することを確認してください。
  • ボーナス:プラグインを非アクティブ化した場合、圧縮された(および元の)画像が削除されないようにしてください。

探すべき主要な機能がわかったので、画像圧縮に最適なプラグインを見てみましょう。

トップ6の画像圧縮プラグイン

このセクションでテストして比較する6つのWordPressイメージオプティマイザープラグインは次のとおりです。

  1. 想像する
  2. オプティモール
  3. JPEGとPNGを圧縮する(小さなPNG)
  4. EWWW
  5. ShortPixel
  6. reSmush.it

WordPressサイトに最適な画像圧縮プラグインを選択できるように、以下に示すように、2つの画像(PNGとJPEG)を使用して6つの人気のあるツールをテストしました。

PNG画像(481 KB) JPEG画像(489 KB)


まず、パフォーマンスの概要、つまり各プラグインが画像をどれだけ圧縮できるかを共有します。 次に、プラグインごとに、次の要素を示します。

  • 主な機能
  • インターフェイスのルックアンドフィール
  • 価格設定

パフォーマンスの概要#1: PNGファイル(481 KB)を使用して各WordPressイメージオプティマイザーをテストします。

PNGファイル(481 KB)
WORDPRESSプラグインオリジナルサイズ圧縮サイズ最適化
(%)
圧縮の方法
想像する481 KB 120 KB 75%(最高スコア) ロッシー
オプティモール481 KB 278 KB 41.7% 無損失の
JPEGとPNGを圧縮する481 KB 206 KB 57% ロッシー
EWWW 481 KB 346 KB 28% 無損失の
ShortPixel 481 KB 130 KB 73% ロッシー
Resmush.it 481 KB 390 KB 19% 無損失の

パフォーマンスの概要#2:各WordPressイメージオプティマイザーをJPEGファイルでテストします。

JPGファイル(481 KB)
JPGファイル(481 KB)
WORDPRESSプラグインオリジナルサイズ圧縮サイズ最適化
(%)
圧縮の方法
想像する489 KB 212 KB 56%(2番目に良いスコア) ロッシー
オプティモール489 KB 342 KB 29.4% Lossy&Lossless
JPEGとPNGを圧縮する489 KB 245 KB 49% ロッシー
EWWW 489 KB 467 KB 25% 無損失の
ShortPixel 489 KB 197 KB 59% ロッシー
reSmush.it 489 KB 414 KB 14% 無損失の

1.想像する

500 000以上のアクティブなインストールがある、ImagifyはWordPress用の強力な画像圧縮プラグインであり、画像をまとめて最適化し、WebPに変換することができます。 3つの圧縮レベル(ノーマル、ウルトラ、アグレッシブ)を視覚的に比較することも、最適化方法を選択して読み込み時間を短縮するのに非常に便利です。

主な機能

  • PNG、JPG、GIF、PDF、およびWebPをサポートします
  • 画像の圧縮を高速化(2021年7月以降)
  • 画像をWebP形式に変換する機能
  • 圧縮の3つのレベル:通常(可逆圧縮)、アグレッシブ(非可逆圧縮)、ウルトラ(最大のファイル節約のためのさらにアグレッシブな非可逆圧縮)
  • サイズ変更と最適化は、アップロード時または既存の画像の最適化プロセス中に自動的に実行できます
  • Imagifyは、写真を最適化するために(あなたのサーバーではなく)独自のサーバーを使用します
  • バックアップと復元のオプションが利用可能です
  • プラグインを無効にしても、最適化された画像は保存されます

インターフェイスのルックアンドフィール

このリストで最も見栄えの良い設定ページの1つがあります! [一般]、[最適化]、[表示オプション]の3つのメインタブが1つの簡単な場所にあります。 アップロード時に画像を自動的に最適化するか、元の画像をバックアップするかを選択できます。
最適化モードごとに大きなボタンがあり、インターフェイスを乱雑にするオプションが多すぎることなく、画像をよりきめ細かく制御できます。

一般設定-出典:Imagify
一般設定–出典:Imagify

WebP変換はワンクリックで利用できます。これは、WordPressサイトに複数の画像がある場合に便利です。

最適化タブとWebP変換-出典:Imagify
[最適化]タブとWebP変換–出典:Imagify

最後に、すべての画像をまとめて最適化するための1つの大きなボタンがあります。 この「IMAGIFY'EMALL」機能はリアルタイムセーバーです。

画像をまとめて最適化する-出典:Imagify
画像をまとめて最適化–出典:Imagify

価格設定

無料版では、月に20MB相当の画像のサイズを変更して圧縮できます。 その場合、プレミアム価格は次のようになります。

  • 500GBで月額$4.99(約5000枚の画像)
  • 無制限の使用のために月額$9.99。

重要:imagifyの無料バージョンでは、すべての機能にアクセスできます。 プレミアムバージョンでは、より多くの画像を最適化できます。

2.オプティモール

Optimoleは、タブレットやモバイルなどの訪問者のデバイスに完全にフィットするように画像のサイズを変更するため、スマートな最適化WordPressプラグインです。 プラグインをアクティブ化すると、訪問者はOptimoleCloudServiceから自動的に提供されるデバイス用に最適化された画像をオンザフライで表示します。

主な機能

  • すべての画像タイプをサポート
  • WebP画像をサポートします
  • グローバルCDNからの画像を無料で提供
  • 訪問者の実際のデバイスに基づいて画像サイズを最適化およびレンダリングします(これはモバイルに最適です)
  • 低速接続のユーザーに低品質の画像を提供します
  • 高度なトリミング
  • 遅延読み込みスクリプト
  • GIFをMP4に自動的に変換する

インターフェイスのルックアンドフィール

煩雑さのないモダンなインターフェース。 ダッシュボードと設定の2つのタブしかありません。

ダッシュボードと設定-出典:Optimole
ダッシュボードと設定–出典:Optimole

画像の最適化は自動的に開始され、遅延読み込み、Optimoleを介したCSSとJSの提供、定規を使用した低から高への画質の制御など、いくつかの設定で遊ぶことができます。

設定–出典:Optimole

価格:

最適化できる画像の数は無制限です。 彼らはあなたが月に持っている訪問の数だけを気にします(月に5000人の訪問者まで無料です)。 他の3つのプランが販売されており、月額24ドルから​​、毎月25,000のユニーク訪問があります。

プロにアップグレードすると、完全なサイト監査を受け、訪問数を増やし、優先サポートにアクセスできます。

3. JPEGとPNGを圧縮する(小さなPNG)

これは、JPEG、PNG、およびWebP画像をサポートするもう1つのスマート画像最適化プラグインです。 プラグインは、人気のある画像圧縮サービスTinyJPGおよびTinyPNGと統合することにより、すべての画像を自動的に最適化します。

主な機能

  • 既存のメディアライブラリの一括最適化
  • 最大幅や高さを設定することにより、アップロードされた大きな画像のサイズを自動的に変更します
  • 個別の最適化が可能
  • PNGおよびJPEG形式をサポート
  • ファイルサイズの制限なし
  • 画像はバックアップされます
  • プログレッシブJPEGエンコーディングを使用してJPEG画像をより迅速に表示する

インターフェイスのルックアンドフィール:

インターフェースは非常にシンプルで、余分なものはありません。 一連の質問が記載された設定ページがあります。

設定パネル-出典:JPEGとPNGの圧縮
設定パネル–出典:JPEGとPNGの圧縮

一括最適化のセクションには、節約額の概要と、圧縮が必要な画像が表示されます。

一括最適化セクション–出典:JPEGとPNGの圧縮

価格:

毎月約100枚の画像を無料で最適化できます。 次に、ユーザーあたり年間25ドルです。 Proに移行すると、多くの利点があります。一度に20を超える画像をドラッグアンドドロップしたり、ファイルサイズの制限を5MBから75MBにアップグレードしたり、アナライザーツールを使用して統計にアクセスしたりできます。

4.EWWWイメージオプティマイザー

ほぼ100万のサイトが、品質を損なうことなく画像を最適化するためにこれを使用しています。 個別に最適化するか、可逆圧縮で一括最適化するかを選択できます。

主な機能

  • ジョブJPG、PNG、GIF、またはWebPに適した画像形式を取得するためのインテリジェントな変換オプション
  • WebP変換
  • 無制限のファイルサイズ
  • バルク最適化
  • ピクセルパーフェクトな最適化によるスムーズな処理
  • 無料の画像バックアップでは、元の画像が保存されます(ただし、30日間のみですので注意してください)。
  • 無料プランでサーバー上のツールを使用して画像を最適化します(これはプライバシーの問題には最適ですが、パフォーマンスの観点から、一括最適化中にサーバーの速度が低下する可能性があります)

インターフェイスのルックアンドフィール:

少し古くなっているように見えますが、アクティブ化時のウィザードは、遅延読み込みを適用してすべての画像をWebPに変換できるので興味深いものです。

出典:EWWWインストールウィザード
出典:EWWWインストールウィザード

次に、設定セクションに最適化スコアが表示され、不足しているディメンションを画像に追加して、メディアをWebPに変換できます。

出典:基本オプション-EWWW画像オプティマイザープラグイン
ソース:基本オプション–ソース:EWWWイメージオプティマイザープラグイン
WebPコンバーター-EWWWプラグイン
WebPコンバーター–出典:EWWW画像オプティマイザープラグイン

価格設定

メインのEWWWプラグインは無料で、WordPressリポジトリから入手できます。 プレミアムバージョンは月額7ドルから始まり、月額25ドルまで上がります。 CDN、より多くの帯域幅、速度監査、APIの使用などのより多くの機能へのアクセスを提供します。

5. ShortPixel

ShortPixelは、画像の品質を守りながら、画像を自動的に最適化します。 最小限のリソースを使用し、メディアライブラリにリストされていない画像も含め、Webサイト上のすべての画像を圧縮できます。

主な機能

  • 画像が小さくなる場合は、PNGをJPGに自動的に変換します
  • ギャラリー、スライダー、またはeコマースプラグインと互換性があります
  • JPG(およびそのバリエーションJPEG、JPEG 2000、JPEG XR)、PNG、GIF画像、およびPDFドキュメントを圧縮します
  • JPEG、PNG、またはGIFをWebPおよびAVIFに変換するオプション
  • 大きな画像を自動的に縮小します
  • 既存のすべての画像を一括最適化

インターフェイスのルックアンドフィール

ショートピクセルダッシュボードはImagifyのものと似ていますが、高度な機能のための追加のタブがあります。 圧縮タイプを選択する前に、非可逆、光沢、可逆のいくつかのテストを行うこともできます。

ショートピクセルダッシュボード
出典:Shortpixelダッシュボード

価格設定

プラグインは月に約100枚の画像で無料ですが、より多くの写真を最適化するには、より多くのクレジットを購入する必要があります。

ショートピクセルの価格
出典:Shortpixelの価格

6. reSmush.it

reSmush.it Image Optimizerを使用すると、reSmush.it API(最大5MB)に基づく無料の画像最適化を使用できます。 必要に応じて、画像の最適化レベルを1から100に変更したり、最適化プロセスから一部の画像を除外したりすることもできます。

主な機能

  • サポートされている形式:PNG、JPG、GIF、BMP、およびTIFF画像
  • 「アップロード時に最適化」機能を利用可能
  • ワンクリックで一括最適化
  • オプティマイザーからアセットを簡単に除外
  • 元の写真のバックアップ
  • WebPはまだ利用できません(ただし、まもなく利用可能になります)

インターフェイスのルックアンドフィール

インターフェースは最高ではありませんが、少なくとも私たちは無限のカスタマイズで迷子になることはありません。 画質を1から100に設定し、アップロード時に最適化することを選択し、統計を有効にして、ワンクリックですべての写真を最適化できます。

出典:reSmushi.itダッシュボード
出典:reSmushi.itダッシュボード

価格設定
それは完全に無料です。

画像の最適化に使用できる主要なWordPressプラグインについて説明したので、Imagifyに焦点を当てて、全体的なパフォーマンスがどのように影響を受けるかを見てみましょう。

Imagifyがパフォーマンスに与える影響

Imagifyは画像を効率的に圧縮し、WordPressサイトの速度を向上させます。

Imagifyのパフォーマンスはどうですか? Imagifyは、PNG圧縮で1位(75%節約)、JPEG最適化プロセスで2位(56%節約)を獲得しました。

比較表

最も重要なことは、品質を損なうことなく画像サイズを縮小したことです。

また、Imagifyを使用する前後にGooglePageSpeedInsightsで監査を実行しました。 全体的なスコアと監査セクションを見ると、結果は興味深いものです。

Imagifyなし(77/100) Imagifyを使用:最適化された画像を使用したより高速なWebサイト(86/100)
Imagifyなし–赤の監査Imagifyを使用–監査に合格
レッド監査: 合格した監査:

まとめ

WordPressサイトの画像を圧縮することは、写真の読み込みを高速化し、全体的なパフォーマンスを向上させるために不可欠です。 ありがたいことに、最適化を自動的に実行するのに役立つImagifyのような強力なWordPressプラグインがあります。 Imagifyは、PSIに関するGoogleの推奨事項、つまり「次世代フォーマットで画像を提供する」(WebP変換機能のおかげで)、「画像を効率的にエンコードする」、「画像を適切なサイズにする」に対応し、パフォーマンス指標を改善するのに役立ちました。

Imagifyを無料で試して、画像圧縮がどのように行われるかを教えてください。