画像のリサイズと最適化の仕組み

インスタグラムのAPIから送られてくる画像ファイルの解像度は1080ピクセルと非常に大きい。フィードの画像サイズを最適化し、サイトの読み込みを可能な限り速く保つために、Instagram Feedの無料版とプロ版の両方が、画像のリサイズとローカルストレージのシステムを備えています。

画像はいつ作られるのか?

フィードに新しい投稿が初めて表示されると、プラグインはAJAXコールを使ってサイトのサーバー上で画像のリサイズをトリガーします。640ピクセルと320ピクセルの2つのサイズが作成されます。以降のページ読み込みは、フィード内の画像の実際のサイズに基づいてローカルの画像ファイルを使用します。

画像はどこに保存されますか?

ローカルの画像ファイルはWordPressファイルのuploadsディレクトリの "sb-instagram-feed-images "というフォルダに保存されます。また、WordPressのデータベースに "sbi_instagram_feeds_posts "と "sbi_instagram_posts "という名前で2つのカスタムテーブルが作成されます。これらは、どの投稿に画像が作成され、その投稿がどこにあるかを追跡するために使用されます。

画像の保存枚数に制限はありますか?

無料版では最大350記事分の画像が保存され、プロ版では最大1500記事分の画像が保存されます。上限に達すると、新しい画像が作成される前に、サイトに表示される頻度が最も低い画像ファイルが削除されます。最大レコード数は、wp-config.phpファイルに定数を定義することで、手動で変更することができます。例えば

define( 'SBI_MAX_RECORDS', 1000 );

プラグインはまた、短時間に作成できる新しい画像の数を制限します。このプラグインは、15分以内に100以上の新しい画像ファイルが作成された場合、画像のリサイズを無効にします。これは、サーバーの潜在的な問題を防ぐためのものです。

プラグインがCDNからの画像を使用するのはいつですか?

InstagramのCDNから画像ファイルが使用されている状況を紹介します:

  • 過去にフィードに表示されたことがない投稿(リサイズが完了すると変更されます)
  • フィード内の画像の幅が150ピクセルより小さい(インスタグラムのCDNから150ピクセルの画像を取得するために、特別なリダイレクト方法が使用されている)
  • 投稿はライトボックスに表示される(1080ピクセルのフル解像度の画像が使用される)
  • ローカル画像ファイルの読み込みエラーが発生しました

InstagramのCDNから取得した画像がまだ表示されており、これらのいずれにも当てはまらない場合は、リサイズ処理中にエラーが発生している可能性があります。リサイズ処理には、サイトがホストされているサーバにImagickがインストールされている必要があります。Imagickに問題があるかどうか、ホストに問い合わせる必要があるかもしれません。

プラグインはページの読み込み時にローカル画像のみを使用できますか?

CDN画像の使用をできるだけ防ぎたい場合は、「カスタマイズ」タブの「詳細設定」エリアにある「ローカル画像を優先する」という設定を有効にしてください。また、WordPress Cronを使用して、新しい投稿が取得されたときに画像のサイズを変更するためにバックグラウンドキャッシュを使用することもできます。詳しくはGDPR対応ガイドをご覧ください。

画像のリサイズを無効にできますか?

はい、画像のリサイズを無効にするには、WordPressダッシュボード>Instagramフィード>設定>詳細設定と進み、画像の最適化を無効にして、変更を保存をクリックします。また、画像の最適化設定の右にあるリセットボタンをクリックして、既存の画像と記録を消去することもできます。

画像リサイズシステムを使用する他の機能は?

  • アバター画像のローカルバージョンも作成され、フィードで使用するために保存されます。
  • プロ版では、最近のハッシュタグフィードは、24時間以上前の投稿を表示するための画像リサイズシステムに依存している。
サポート

ドキュメントに答えが見つからない?

サポート

この記事は役に立ちましたか?