製品画像とビデオの管理
商品ごとに、複数の画像や動画をアップロードし、順序を並べ替え、それぞれの使用方法を制御できます。 大量の画像を管理する場合、それぞれを個別にアップロードするのではなく、バッチとしてインポートすることをお勧めします。 詳しくは、製品画像の読み込みを参照してください。
Product Detailsページで表示するために大きな画像をアップロードする場合は、最大ピクセルサイズ（幅と高さ）を設定し、アップロード時にファイルのサイズを自動的に変更することをお勧めします。 アップロード時に大きな画像ファイルのサイズ変更を自動的に有効にするオプションがあります。 詳しくは、製品画像のサイズ変更を参照してください。
製品画像の更新
-
製品を編集モードで開きます。
-
特定のストアビューで作業するには、左上隅のStore View セレクターを該当するビューに設定します。
note note NOTE All Store Viewsスコープがアップロードに使用されていない場合でも、新しい製品画像は**常に** アップロードされ、すべてのストアビューに表示されます。
特定のストアビューから製品画像を非表示にするには、そのストアビューに切り替え、画像の「Hide from Product Page」チェックボックスを選択して「Save」をクリックする必要があります。 -
下にスクロールして、Images and Videosセクションを展開します。
画像をアップロード
最適な互換性を得るには、sRGB カラープロファイルを持つすべての製品画像をアップロードすることをお勧めします。 他のすべてのカラープロファイルは、製品画像のアップロード中に自動的にsRGB カラープロファイルに変換されます。これにより、アップロードされた画像で色の一貫性が失われる可能性があります。
画像ファイル名の長さは、拡張子を含めて90文字を超えることはできません。
画像をアップロードするには、次のいずれかの操作を行います。
-
画像をデスクトップからドラッグし、Images And Videosボックスの_ カメラ _（
-
Images And Videosボックスで、_ カメラ _（
画像の配置を変更
ギャラリー内の画像の順序を変更するには、画像タイルの下部にあるSort（
画像の削除
ギャラリーから画像を削除するには、画像タイルの右上隅にあるDelete （
画像の詳細を設定
詳細表示で開く画像をクリックし、次のいずれかの操作を行います。
詳細ビューを閉じるには、右上隅の閉じる （
完了したら、Saveをクリックします。
代替テキストを入力
画像の代替テキストは、スクリーンリーダーによって参照され、web アクセシビリティを向上させ、サイトのインデックス作成時に検索エンジンによって参照されます。 一部のブラウザーでは、マウスオーバーにAlt テキストが表示されます。 代替テキストには、複数単語の長さや、厳選したキーワードを含めることができます。
「Alt Text」ボックスに、画像の簡単な説明を入力します。
役割の割り当て
デフォルトでは、すべての役割は、製品にアップロードされる最初の画像に割り当てられます。 役割を別の画像に再割り当てするには、次の操作を行います。
Roleボックスで、画像に割り当てる役割を選択します。
画像とビデオ セクションに戻ると、現在割り当てられている役割が各画像の下に表示されます。
画像を非表示
サムネールギャラリーから画像を除外するには、Hidden チェックボックスを選択し、Saveをクリックします。
ストアビューレベルでの画像とビデオの管理
Store View セレクターを特定のストアビュー（All Store Viewsではなく）に切り替えると、Images and Videosセクションには、デフォルトの範囲に影響を与えることなく、そのストアビューに対する画像の表示方法を管理するための追加コントロールが用意されています。
ストアビューの画像の並べ替え
ストアビュースコープで作業する場合、Images and Videosボックスの下に Use Default Order チェックボックスが表示されます。 このチェックボックスをオンにすると、画像の表示順序がデフォルトの範囲で定義された順序に戻ります。
ストアビューの画像の詳細の設定
ストアビュースコープで画像詳細ビューを開くと、各フィールド（Alt Text、画像 Role の割り当て（Base、Small、Thumbnail、Swatch）、および Hide from Product Page を含む）に Use Default Value のチェックボックスが表示されます。 このチェックボックスを選択すると、そのフィールドのデフォルトスコープで設定された値を継承します。
画像の役割
透かし
あなたが独自のオリジナル製品画像を作成することを犠牲にした場合、マウスをクリックするだけで悪質な競合他社がそれらを盗むのを防ぐためにできることはほとんどありません。 ただし、各画像に透かしを配置して、プロパティとして識別することで、ターゲットの魅力を低下させることができます。 透かしファイルには、JPG（JPEG）、GIF、またはPNG画像を使用できます。 GIFとPNGの両方のファイル形式で透明レイヤーがサポートされており、透かしを透明な背景に適用できます。
次の例の small 画像に使用される透かしは、透明な背景を持つ黒いロゴで、次の設定を持つPNG ファイルとして保存されます。
- サイズ：50x50
- 不透明度：5
- 位置：タイル
商品画像への透かしの追加
-
管理者 サイドバーで、Content > Design>Configurationに移動します。
デザイン設定について詳しくは、 デザイン設定を参照してください。
-
設定するストアビューを見つけ、Action列の Edit をクリックします。
-
Other Settingsで、Product Image Watermarksセクションの
Base、Thumbnail、Smallおよび Swatch Image の画像設定は同じです。
-
次のいずれかの方法を使用して、透かし画像アセットを追加します。
- Uploadをクリックし、透かしとして使用するためにアップロードするシステム上の画像ファイルを選択します。
- Select from Galleryをクリックし、 メディアギャラリーから画像アセットを選択します。
-
透かし表示の設定を完了します。
-
Image Opacityをパーセンテージで入力します。 例：
40 -
Image Sizeをピクセル単位で入力します。 例：
200 x 200 -
Image Positionを設定して、透かしを表示する場所を指定します。
-
-
完了したら、Save Configをクリックします。
-
キャッシュの更新を求めるメッセージが表示されたら、システムメッセージの「Cache Management」をクリックし、無効なキャッシュを更新します。
透かしを削除
-
画像の左下隅で、Delete （
-
Save Configをクリックします。
-
キャッシュの更新を求めるメッセージが表示されたら、システムメッセージの「Cache Management」をクリックし、無効なキャッシュを更新します。
透かし画像がストアフロントに残っている場合は、キャッシュ管理に戻り、Flush Magento Cacheをクリックします。