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

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

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

製品画像の更新

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

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

    note note
    NOTE
    新しい製品画像は 常に アップロードされ、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 グします。

変更依頼 {width="600" modal="regular"}

画像の削除

ギャラリーから画像を削除するには、画像タイルの右上隅にある Delete (ごみ箱アイコン アイコンをクリックし、「Save」をクリックします。

画像の詳細を設定

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

イメージの詳細ビュー {width="600" modal="regular"}

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

完了したら、「Save」をクリックします。

代替テキストを入力

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

Alt Text」ボックスに、画像の簡単な説明を入力します。

役割の割り当て

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

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

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

割り当てられた役割 {width="600" modal="regular"}

画像を非表示

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

非表示の画像 {width="600" modal="regular"}

画像の役割

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

透かし

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

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

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

タイル透かし {width="700" modal="regular"}

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

  1. 管理者 サイドバーで、Content/Design/Configuration ​に移動します。

    デザイン設定について詳しくは、「 デザイン設定」を参照してください。

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

  3. Other Settings」の下の「展開セレクター 「Product Image Watermarks」セクション を展開します。

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

    BaseThumbnailSmallSwatch 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