レスポンシブライトボックスとギャラリープラグインで画像を圧縮して最適化する

Responsive Lightbox＆Galleryプラグインによって作成されたものなどのWordPressギャラリーは、優雅さと便利さを兼ね備えています。 ギャラリーを使用すると、画像の再配置について心配する必要はありません。 また、スペースを節約し、必要な数の画像を含めることができます。 問題は、ギャラリーのサイズも単一の画像よりも大きいため、WordPressブログの読み込み時間が遅くなる可能性があることです。

ImageRecycle使用すると、これらすべてを実行できます。

Responsive Lightbox＆Galleryプラグイン用の画像の圧縮

レスポンシブライトボックス＆ギャラリーは、ライトボックス（コンテンツを飛び出してオーバーレイする画像）で非常に簡単にギャラリーを作成するためのWordPressプラグインです。 さまざまなカスタマイズオプションと使いやすいドラッグアンドドロップインターフェースにより、プラグインは非常に人気があります。

ただし、使用するギャラリーが多すぎると、WordPressブログの読み込みに時間がかかることがわかります。 これは、使用する画像の数を減らしたり、ギャラリーを削除したりする必要があるという意味ではありません。 より良い解決策は、すべてのライトボックスとギャラリーを維持しながら、画像を最適化することです。 それらを圧縮することで、WordPressブログは超高速の読み込みに戻ります。

Responsive Lightbox＆Galleryを使用している場合でも、WordPress用の他のギャラリープラグインギャラリーを使用している場合でも、ギャラリー画像を圧縮および最適化するための最初のステップはImageRecycleです。 ImageRecycleは、画像を一括で圧縮し、サイズを変更し、新しい画像を自動的に最適化するようにWordPressブログを構成できるプラグインです。

画像の圧縮を開始するには、 ImageRecycleプラグインをダウンロードしてインストールします。 メディアを最適化する前に、サブスクリプションをアクティブ化する必要があります。 ヘッドImageRecycleから[設定]メニュー。 APIキーとシークレットを挿入し、メディア最適化を有効にして変更を保存するにチェックマークを付けます。 APIキーとシークレットが正しい場合は、最適化クォータバーが上部に表示されます。

ImageRecycleライセンスをアクティブ化した後、画像の圧縮を開始するか、 ImageRecycleプラグインをさらにカスタマイズできます。

ImageRecycleは、ロスレスとベストセービングの2種類の画像圧縮をサポートしています。 最適な保存圧縮を使用すると、画像を最適化するときにファイルサイズを最大80％節約できます。 ロスレス保存を使用すると、画像サイズを最大20％縮小できますが、いつでも元に戻すこともできます。 可逆圧縮と最良の節約圧縮の長所と短所について詳しくは、こちらをご覧ください。

ImageRecycle設定が完了しImageRecycle 、レスポンシブライトボックスとギャラリーの画像の最適化を開始します。 Responsive Lightbox＆GalleryはWordPressのメディアライブラリを使用しています。 WordPressメディアライブラリを圧縮してから、ギャラリーやそのライトボックスなど、どこでも最適化された画像を使用するだけです。

WordPressメディアライブラリを最適化するには、[メディア]メニューから[ ImageRecycle ]を選択します。 この表には、WordPressブログで見つかったすべての画像が表示されます。名前、サイズ、および最適化されている場合は圧縮率です。 最後の列では、画像を圧縮または元に戻すことができます（可逆圧縮を使用している場合）。

ImageRecycleを初めて使用する場合は、リラックスしてください。各画像を個別に圧縮する必要はありません。 ImageRecycleには一括最適化オプションが含まれています。圧縮する画像を選択して選択した最適化すべて最適化]をクリックしてWordPressメディアライブラリ内のすべての画像を圧縮します。 次に、レスポンシブライトボックスとギャラリーで新しく圧縮された画像を使用します。

レスポンシブライトボックスとギャラリーで最適化された画像を使用する

WordPressメディアライブラリを圧縮した後、他の画像を使用する場合と同様に、Responsive Lightbox＆Galleryで最適化された画像を使用できます。 WordPressサイドバーメニューから、新しいギャラリーを作成します。 あなたがしなければならない最初のことは、ギャラリーに入る画像を選択することです。

選択した画像をクリックし、WordPressメディアライブラリからファイルを選択します。 これらの画像は既に最適化されているため、Responsive Lightbox＆Galleryプラグインは自動的に圧縮バージョンを使用します。

他のすべては同じままです。 右側のサイドバーからショートコードを使用するか、 WordPressのGutenbergエディターでギャラリー 画像をクリックすると、Responsive Lightbox＆Galleryは最適化されたメディアを含むライトボックスをロードします。

同様に、レスポンシブライトボックス＆ギャラリーでは、ワークフローを変更することなく、圧縮された画像を使用します。 各画像が元のサイズの20％に圧縮されている場合、ギャラリー内のすべての画像でこれらの最適化の効果が得られます。 その結果、コンテンツに妥協したり、ワークフローを変更したりすることなく、より高速なWordPressエクスペリエンスが実現します。