製品画像およびビデオの管理

各製品について、複数の画像やビデオをアップロードし、順序を並べ替えて、それぞれの使用方法を制御できます。 管理する画像が大量にある場合は、個別にアップロードするのではなく、1 つのバッチとして読み込んだ方がよいでしょう。 詳しくは、を参照してください 製品画像の読み込み.

表示するために大きな画像をアップロードする予定がある場合 Product Details ​ページの場合、最大ピクセルサイズ(幅と高さ)を設定し、アップロード時にファイルのサイズを自動的に変更することを検討してください。 アップロード時に、大きな画像ファイルの自動サイズ変更を有効にするオプションがあります。 詳しくは、を参照してください 製品画像のサイズ変更.

製品画像の更新

  1. 製品を編集モードで開きます。

  2. 特定のストア表示を使用するには、 Store View 左上隅の該当するビューを選択します。

    note note
    NOTE
    新しい製品画像は次のとおりです 常に アップロードしてに表示 all ビューの保存(例: All Store Views 範囲は、アップロードには使用されません。

    特定のストア表示で商品画像を非表示にするには、そのストア表示に切り替えて、次のオプションを選択する必要があります Hide from Product Page 画像のチェックボックスで、 Save.
  3. 下にスクロールして、 Images and Videos ​セクション。

画像をアップロード

最高の互換性を得るには、以下のパラメーターを使用して、すべての製品画像をアップロードすることをお勧めします sRGB カラープロファイル。 その他のカラープロファイルはすべて、 sRGB 製品画像のアップロード中にカラープロファイルが正しく設定されず、アップロードされた画像のカラーに一貫性がなくなる場合がありました。

画像ファイル名の長さは、拡張子を含めて 90 文字以下にする必要があります。

画像をアップロードするには、次のいずれかの操作を行います。

  • デスクトップから画像をドラッグし、 カメラ (  カメラアイコン )タイル内に Images And Videos ​ボックス。

  • が含まれる Images And Videos ​ボックスで、​カメラ​(  カメラアイコン )タイルに表示されたら、コンピュータ上の画像ファイルを選択し、Open.

    アップロードまたはドラッグ&ドロップ {width="600" modal="regular"}

画像の並べ替え

ギャラリー内の画像の順序を変更するには、 Sort(  並べ替えアイコン  )アイコンをクリックし、画像をの別の位置にドラッグします。Images And Videos ボックス。

変更依頼

画像の削除

ギャラリーから画像を削除するには、 Delete (  ごみ箱アイコン  )アイコンをクリックし、 Save.

画像の詳細を設定

詳細表示で開くイメージをクリックし、次のいずれかの操作を行います。

イメージの詳細ビュー

詳細ビューを閉じるには、 閉じる (  閉じるアイコン ) アイコンをクリックします。

完了したら、 Save.

代替テキストを入力

画像の代替テキストは、Web アクセシビリティを向上させるためにスクリーンリーダーによって参照され、サイトのインデックス作成時には検索エンジンによって参照されます。 一部のブラウザーでは、マウスポインターを置くと代替テキストが表示されます。 代替テキストは複数の単語に対応しており、選択したキーワードが含まれます。

が含まれる Alt Text ​ボックスに、画像の簡単な説明を入力します。

役割の割り当て

デフォルトでは、製品にアップロードされた最初の画像にすべての役割が割り当てられます。 別の画像に役割を再割り当てするには、次の手順を実行します。

が含まれる Role ​ボックスで、画像に割り当てる役割を選択します。

に戻った場合 画像とビデオ セクションには、現在割り当てられている役割が各画像の下に表示されます。

割り当てられた役割

画像を非表示

サムネールギャラリーから画像を除外するには、 Hidden チェックボックスをオンにして、 Save.

非表示の画像

画像の役割

画像の役割
説明
Thumbnail
サムネール画像は、サムネールギャラリー、買い物かごおよび関連項目などの一部のブロックに表示されます。 サンプルサイズ:50 x 50 ピクセル
Small Image
この小さな画像は、カテゴリページや検索結果ページのリストの製品画像に使用され、アップセル、クロスセル、新製品リストなどのセクションに必要な製品画像を表示します。 サンプルサイズ:470 x 470 ピクセル
Base Image
ベース画像は、製品の詳細ページのメイン画像です。 画像コンテナよりも大きい画像をアップロードすると、画像ズームがアクティブになります。 達成するズームレベルに応じて、基本画像はコンテナのサイズの 2 倍または 3 倍にする必要があります。 サンプルサイズ:470 x 470 ピクセル(ズームなし)、1100 x 1100 ピクセル(ズーム付き)
Swatch
A スウォッチ 色、パターン、またはテクスチャを示すために使用できます。 サンプルサイズ:50 x 50 ピクセル

透かし

あなたが自分のオリジナル製品イメージを作成する費用に行くなら、悪質な競合他社がマウスをクリックしてそれらを盗むのを防ぐためにあなたができることはあまりありません。 ただし、各画像に透かしを配置してプロパティとして識別することで、画像の魅力を低下させることができます。 透かしファイルは、JPG(JPEG)、GIF、PNG 画像のいずれかになります。 GIFと PNG ファイルタイプはどちらも透明レイヤーをサポートしており、透かしに透明な背景を与えるために使用できます。

に使用される透かし 次の例の画像は、背景が透明な黒いロゴで、次の設定を持つ PNG ファイルとして保存されています。

  • サイズ:50x50
  • 不透明度:5
  • 位置:タイル

タイル透かし

製品画像への透かしの追加

  1. Admin サイドバー、に移動 Content > Design>Configuration.

    デザイン設定の詳細については、を参照してください デザイン設定.

  2. 設定するストア表示を見つけて、クリックします Edit が含まれる Action ​列。

  3. 次の下 Other Settings、を展開 展開セレクター この​ Product Image Watermarks ​セクション。

    製品画像の透かし – ベース {width="600" modal="regular"}

    この Base, Thumbnail, Small、および Swatch Image 画像設定は同じです。

  4. 次のいずれかの方法を使用して、透かし画像アセットを追加します。

    • クリック Upload 次に、透かしとして使用するためにアップロードする、システム上の画像ファイルを選択します。
    • クリック Select from Gallery から画像アセットを選択 メディアギャラリー.
  5. 透かし表示の設定を行います。

    • を入力 Image Opacity 割合で指定します。 例: 40

    • を入力 Image Size ピクセル単位。 例: 200 x 200

    • を設定 Image Position 透かしの表示場所を指定します。

  6. 完了したら、 Save Config.

  7. キャッシュを更新するように求められたら、 Cache Management システムメッセージでをクリックし、無効なキャッシュを更新します。

    キャッシュを更新 {width="600" modal="regular"}

TIP
次のいずれかをクリックできます。 Use Default Value 矢印戻り をデフォルト値に戻します。

透かしの削除

  1. 画像の左下隅にあるをクリックします Delete (  ごみ箱アイコン  ) アイコンをクリックします。

    透かしを削除 {width="300"}

  2. クリック Save Config.

  3. キャッシュを更新するように求められたら、 Cache Management システムメッセージでをクリックし、無効なキャッシュを更新します。

    透かし画像がストアフロントに保持される場合は、キャッシュ管理に戻り、をクリックします Flush Magento Cache.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071