WordPressのDivi Builder向けに画像を最適化する

ImageRecycle ImageRecycleWordPress ブログとその画像に素晴らしい効果をもたらします。ImageRecycle の圧縮機能を使えば、画像を元のサイズの最大 80% まで圧縮して最適化できます。これは確かに素晴らしいことですが、WordPress のメディアは単にサーバーの容量を占有するためだけのものではありません。WordPress のメディアは、見られるために存在しているのです。.

実際、 ImageRecycle とその圧縮画像は、多くのWordPressエディターとシームレスに連携します。ImageRecycle ImageRecycleImageRecycle 圧縮メディアを、最も人気のあるWordPressエディターの一つでどのように活用できるかを検証します。.

Diviビルダー用に画像を最適化する

Diviは、WordPressで人気の投稿・ページビルダーです。表面的にはGutenbergとそれほど違いはありません。WordPressのGutenbergと同様に、Divi Builderでは、Gutenbergのブロックのようにエディター内でモジュールを整理することで投稿やページを作成できます。しかし、多くの点でDiviはGutenbergよりもはるかに成熟しており、強力です。.

Divi Builderを使えば、投稿やページを視覚的に作成でき、WordPressブログの見た目や雰囲気をより細かくコントロールできます。Diviのモジュールの中には、画像関連のものがいくつかあります。Diviのモジュールには、画像ブロックとギャラリーブロックが含まれており、これらはWordPressのネイティブメディアライブラリを使用します。そのため、ワークフローを変更することなく、 ImageRecycle Divi Builderに統合できます。.

ImageRecycleを使ってDivi Builder向けに画像を最適化するには、まずプラグインをダウンロードしてインストールします。また、 ImageRecycleの設定メニューからライセンスを有効化する必要があります。APIキーとシークレットを入力し、変更を保存して、メディア最適化を有効化してください。.

ImageRecycleの設定画面では、プラグイン自体の設定も行えます。例えば、画像をアップロードした直後にサイズを変更するように設定したり、特定のサイズまで画像を圧縮したりすることも可能です。最も重要なのは、圧縮方式として「最高圧縮」と「ロスレス圧縮」のどちらを使用するかを選択できることです。.

ベストセーブ圧縮では、画像サイズを最大80%削減できます。ロスレス圧縮では、画像最適化により最大20%の削減が可能ですが、変更はいつでも元に戻すことができます。ベストセーブ圧縮とロスレス圧縮の違いについては、こちらを。

ライセンスを有効化したら、画像サイズの圧縮と最適化を開始できます。ImageRecycleの圧縮機能は、「メディア」メニューの同名の項目にありますImageRecycleここから、WordPress メディアライブラリにアップロードされたすべてのファイルの概要を確認できます。詳細には、画像サイズ、圧縮の有無、圧縮率などが含まれます。

ImageRecycleは初めてで、WordPressブログは初めてという方は、このプラグインの一括最適化機能にご注目ください。WordPressメディアライブラリ内のすべての画像を、サイズに関係なく圧縮できます。また、最適化したい画像をいくつか選択し、一括最適化を適用することも可能です。.

ImageRecycle ImageRecycle画像を自動的に圧縮します。ImageRecycleのページでは、最適化の結果を確認したり、個々の画像を最適化したり、ロスレス圧縮を有効にしている場合は圧縮を元に戻すこともできます。WordPressメディアライブラリの最適化が完了したら、Divi Builderで画像を活用しましょう！

Diviビルダーで ImageRecycleの圧縮画像を使用する

ImageRecycleは初めてだけど、Divi Builder は初めてという方、一番難しい部分はもう終わりです。Divi Builder は WordPress のメディアライブラリを使用します。圧縮と最適化が完了したばかりのメディアライブラリと同じものです。.

最適化された画像を使い始めるには、WordPressの投稿またはページにアクセスし、Divi Builderを使って作成を始めましょう。画像ベースのモジュール、つまり画像ブロックまたはギャラリーブロックのいずれかを選択します。そして、追加したい画像を選択するだけです。.

ImageRecycleとDivi Builderの連携は、これ以上複雑な作業はありません。最適化済みの画像はWordPressメディアライブラリに保存されており、Diviはそれらの圧縮画像をコンテンツに使用します。ImageRecycle ImageRecycle ワークフローを中断することなく、自動的に挿入されます。.

ImageRecycle Divi の使い方を変えるものではありませんが、ウェブサイトには影響を与えます。先ほど追加した画像のサイズは最大 80% 小さくなり、WordPress ブログの読み込み時間が短縮され、SEO スコアが向上し、ユーザー維持率も向上します。ギャラリーを大きくすれば、どれだけの容量を節約できるか想像してみてください。.

ブログ作成のプロセスに慣れてしまっていると、ワークフローを少し変更するだけでも大きなハードルに感じられるかもしれません。しかし、そんな心配は無用です。ImageRecycle ImageRecycle Diviのワークフローにシームレスに統合され、実績のある手法を維持しながら、最適化された画像のメリットを享受できます。.