アダプティブメディアの使用
Liferay DXP 7.4+
Liferay Adaptive Mediaは、ドキュメントライブラリに保存されている画像を処理し、さまざまな解像度のコピーを作成します。 適用された画像が生成されて、ドキュメントとメディア、ブログ、Webコンテンツ、コンテンツページで使用することができ、エンドユーザーのデバイスに合わせて最適な画像解像度で表示されます。 ほとんどの場合、これによりページサイズが縮小し、読み込み時間が短縮され、帯域幅が節約されます。
アダプティブメディアは画像サイズを最適化することでパフォーマンスを向上させますが、webPやAVIFなどのフォーマットを適応させるとファイルサイズが大きくなる場合や、ブラウザとの互換性を高めるためにPNG形式に変換される場合があります。
デフォルトでは、Adaptive Media にはプレビュー (1000px auto) とサムネイル (300px/300px) の解像度が含まれていますが、 追加の解像度 を定義することもできます。 Adaptive Media は、ユーザーが サポートされているメディアタイプ をアップロードしたときにそれを検知し、代替画像サイズを生成するための並列非同期処理を開始します。 新しい画像は元の画像にリンクされ、同じアスペクト比を維持しながら、設定された解像度に合わせて拡大縮小されます。
Adaptive Media は、次の Commerce ウィジェットをサポートしています: 検索結果、 商品詳細、商品発行者、 ミニ カート およびコンポーネント、および チェックアウト。
アダプティブ メディアをサポートしていない旧バージョンから最新の DXP バージョンにアップグレードした場合、既存のドキュメントとメディアのサムネイルを新しいアダプティブ メディアで定義された画像解像度に移行できます。詳しくは ドキュメントとメディアのサムネイルの移行 を参照してください。