製品イメージ設定
表示するために大きな画像をアップロードする予定がある場合 Product Details ページの場合、最大ピクセルサイズ(幅と高さ)を設定し、アップロード時にファイルのサイズを自動的に変更することを検討してください。 このタイプの製品画像のアップロードをサポートするには、アップロード時に大きな画像ファイルの自動サイズ変更を有効にするオプションがあります。 カタログに追加したいが、表示する画像アセットがまだない製品については、プレースホルダー画像を設定できます。
製品画像のサイズ変更
製品画像をアップロードする際に、様々なサイズの大きい画像を追加して、詳細で高品質なズームを Product Details ページ。 すべての画像のサイズと外観を同じにするために、すべての画像が特定のピクセルサイズと一致するように画像サイズを変更するオプションがあります。 このオプションは、設定を使用してすべての製品画像のサイズを自動的に変更します。これにより、ズームのパフォーマンス、画像の読み込みの高速化、製品画像の外観の統一に役立ちます。
sRGB
カラープロファイル。 その他のカラープロファイルはすべて、 sRGB
製品画像のアップロード中にカラープロファイルが正しく設定されず、アップロードされた画像のカラーに一貫性がなくなる場合がありました。最大のピクセル幅と高さを設定すると、画像のサイズがピクセル単位の物理的寸法に変更されます。 Commerceは、比率を維持しながら、幅または高さのいずれか高い方の量に応じて画像のサイズを変更します。 JPG画像の画質を下げると、ファイルサイズが小さくなります。
例えば、3000 x 2100 ピクセルのJPGが 100% の場合、5 mb 以上の画像ファイルになることがあります。 この画像のサイズを変更すると、幅が 1920 ピクセルに減少し、比率と画質が 80% に維持され、より小さいファイルサイズで高品質が提供されます。
画像のサイズ変更を有効にする
-
日 Admin サイドバー、に移動 Stores > Settings>Configuration.
-
左側のパネルで、を展開します Advanced を選択します System.
-
を展開
デフォルトの設定を変更するには、 Use system value 必要に応じてチェックボックスをオンにします。
これらの設定の詳細なリストについては、を参照してください 画像アップロード設定 が含まれる 設定リファレンス.
-
を有効にするには、以下を確認します Enable Frontend Resize はに設定されています。
Yes
. -
を入力 Quality 間の設定
1
および100
%。ファイルサイズを小さくして画質を高くするには、80~90% の設定をお勧めします。
-
を Maximum Width 画像のピクセル数。
画像のサイズを変更しても、その幅を超えることはなく、縦横比を維持します。
-
を Maximum Height 画像のピクセル数。
画像のサイズを変更しても、この高さを超えることはなく、縦横比を維持します。
-
完了したら、 Save Config.
フィールドの説明
Yes
1920
1200
画像プレースホルダー
Adobe CommerceとMagento Open Sourceでは、永続的な商品画像が使用可能になるまで、一時的な画像をプレースホルダーとして使用します。 役割ごとに異なるプレースホルダーをアップロードできます。 最初のプレースホルダー画像はサンプルロゴで、選択した画像に置き換えることができます。
プレースホルダー画像をアップロードするには:
-
日 Admin サイドバー、に移動 Stores > Settings>Configuration.
-
左側のパネルで、を展開します Catalog を選択します Catalog その下に。
-
を展開
これらの設定の詳細なリストについては、を参照してください 製品画像プレースホルダー が含まれる 設定リファレンス.
-
各画像の役割に対して、 Choose File をタップし、コンピューター上の画像を探してファイルをアップロードします。
3 つの役割すべてに同じ画像を使用することも、役割ごとに異なるプレースホルダー画像をアップロードすることもできます。
-
完了したら、 Save.
画像の役割と推奨サイズについて詳しくは、を参照してください 画像をアップロード.