プラグインレビュー:WPSquishWordPressプラグイン

公開: 2019-06-20

ストレージスペースとページの読み込み速度は、どのWebサイトにとっても最も重要なことの2つであり、画像は最大の犯罪者の1つです。 画質を犠牲にすることなく、画像に必要なスペースを削減することが重要です。 JPEGを使用する場合、優れたオプションの1つは、WPSquishと呼ばれるプラグインです。

WP Squishは、Aspen Grove Studiosの無料プラグインで、WordPressによって作成されたバリエーションだけでなく、WordPressテーマによって作成されたバリエーションの圧縮品質を完全に制御しながら、JPEGを圧縮します。

WP Squishを見て、何ができるか見てみましょう。

WPSquishのインストール

まず、AspenGroveStudiosのWebサイトからWPSquishをダウンロードします。 通常どおりプラグインをインストールしてアクティブ化します。 キーは必要ないため、プラグインをアクティブ化すると、デフォルト設定を使用して自動的に機能します。

WPスキッシュ設定

WPSquishと呼ばれる新しいメニュー項目がWordPressダッシュボードの[設定]メニューに追加されます。 このメニューには、画像オプションと圧縮設定が含まれています。 デフォルトでは、サイズ制限オプションは無効になっており、圧縮品質は75に設定されています。

WPスキッシュ画像オプション

画像のサイズ制限を指定するオプションがあります。 任意のサイズを指定してください。 このオプションを有効にすると、これより大きいすべての画像はアップロード時にサイズ変更されます。 フルサイズのJPEG画像を常に再圧縮するを有効にすると、サイズを変更する必要がある場合にのみ、フルサイズの画像を圧縮できます。

画像圧縮設定

すべての画像の画質をまとめて設定することも、各画像のサイズを個別に調整することもできます。 手動で値を入力するか、スライダーを使用してください。 これらは、画像をアップロードしたときに作成される標準のWordPress画像です。

[すべてのサイズ]のスライダーを使用すると、数値が上下の矢印とともにボックスに表示されるので、金額を微調整できます。 また、すべてのスライダーが設定に従っていることもわかります。 この場合、それらはすべて51の品質に設定されています。[すべてのサイズ]を設定した場合でも、それぞれを個別に制御できます。

これは、ほとんどを特定のパーセンテージに設定してから、いくつかを手動で制御する場合に特に役立ちます。 この例では、大部分を60の品質に設定し、2つの画像サイズを手動で70に設定しました。

テーマによって作成された画像を制御することもできます。 この例の画像はDiviによって作成されました。

これらはExtraによって追加されます。 マガジンスタイルのモジュールにより、Divi以上のものが追加されます。

これらは、テーマTwentySeventeenによって追加されます。

WPスキッシュの例

Unsplash.comからいくつかの写真を取得し、圧縮やサイズの制限なしでアップロードしました。 この後、寸法制限を設定し、圧縮をさまざまなレベルに設定して再度アップロードしました。 ここにいくつかの比較があります。 最初のラウンドでは、デフォルトの圧縮品質設定である75が使用されます。
画像の1つをランダムに見てみると、これは5184×3456のサイズと5MBのファイルサイズの元の画像です。
これは、圧縮なしでサイズ変更された画像です。 1620×1080で、ファイルサイズは1MBです。 寸法を制限するだけで、ファイルサイズが大幅に減少しました。
これは、デフォルトの75の画質に圧縮を有効にして再度アップロードされた同じ画像です。 そのサイズは1620×1080で、ファイルサイズは107kbです。
これは、圧縮または寸法制限のない別の画像です。 サイズは6016×4016、ファイルサイズは3MBです。
圧縮バージョンは1618×1080で、ファイルサイズは249kbです。
画像はすべて1080の高さに制限されていることに注意してください。設定に戻り、垂直方向の制限を削除しました。 これにより、画像を任意の垂直サイズにすることができますが、水平サイズに制限されます。
この元の画像のサイズは5184×3456で、ファイルサイズは3MBです。
サイズ変更された画像は1920×1280で、ファイルサイズは252KBです。
いくつかの例を並べて見てみましょう。 左の画像は2963×3878、4MBのオリジナルです。 右側の画像は、825×1080、180KBで75の品質にサイズ変更されています。
これは、左側の画像がオリジナルで、右側の画像が60の品質に圧縮されています。これは、825×1080、135KBです。
こちらは右の画像を50倍に圧縮したものです。825×1080、117KBです。
これは、右側の画像が20の品質で圧縮されています。これは、825×1080、64KBです。 このレベルの品質でも、画像は完全に使用可能です。 この品質は、写真の多くの要因によって異なります。 この写真のサイズが大きい場合は、品質が低いことがより明白になる可能性があります。 標準として60-75をお勧めします。次に、何が最適かを確認するために実験します。
これがオオハシの写真です。 左の画像は5184×3456、5MBのオリジナルです。 右の画像は20の品質で圧縮されています。1620×1080、40KBです。 違いは非常に小さいので、それらを見つけるために注意深く見なければなりません、そしてそれでも圧縮された写真は素晴らしく見えます。
これは、圧縮なしの左側、中央に75、右側に60のオリジナルのミディアムサイズです。
これは、2セットのサムネイルの例で、両方のセットが左から右に表示されています:100、75、および60。
いくつかの大きな画像を見てみましょう。 これは、オリジナルの大きいバージョンを上に表示し、下のバージョンの品質は60です。
これは、オリジナルの大きいバージョンを上に示しています。 下部のバージョンの品質は40に設定されています。
これは、オリジナルの4 MBの大きいバージョンを上に、40品質のバージョン(251KB)を下に示しています。 左側の雲が低品質で表示され始めていることがわかります。 40年代は、実際には画像圧縮に対して積極的です。 60〜75の範囲のどこかが最良のオプションのようですが、それでもファイルサイズはかなり小さくなります。
これは60の品質を使用します。324KBの画像としては悪くありません。

終わりの考え

WP Squishは使いやすいだけでなく、WordPressサーバーのスペースを大幅に節約します。 これはまた、ページの読み込みが速くなり、ページがブラウザに読み込まれるまで訪問者がぶらぶらする可能性が高くなることを意味します。 品質と比較した圧縮のレベルは驚くべきものです。 この記事ではさらに圧縮されていますが、画像はそれでもストーリーを伝える必要があります。

すべての画像タイプを個別に調整できるのが好きです。 また、全体のサイズを制限し、制限よりも大きい画像を使用して、その制限に自動的にサイズ変更できることも気に入っています。 これにより、何かをアップロードするたびに写真のサイズを変更する必要がなくなります(これは私が忘れがちなことです)。

WP SquishはJPEG圧縮用の優れたプラグインであり、お勧めするのは簡単なプラグインです。 JPEGを圧縮し、WordPressにアップロードするときにそのサイズを制限するための無料のプラグインが必要な場合は、WPSquishを試す価値があります。

WP Squishを試しましたか? コメントであなたがそれについてどう思うか教えてください。