製品画像およびビデオの管理
各製品について、複数の画像やビデオをアップロードし、順序を並べ替えて、それぞれの使用方法を制御できます。 管理する画像が大量にある場合は、個別にアップロードするのではなく、1 つのバッチとして読み込んだ方がよいでしょう。 詳しくは、 製品画像の読み込みを参照してください。
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 ボックスで、_ カメラ _( ) タイルをクリックし、コンピューター上の画像ファイルを選択して、「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"}
画像の役割
透かし
あなたが自分のオリジナル製品イメージを作成する費用に行くなら、悪質な競合他社がマウスをクリックしてそれらを盗むのを防ぐためにあなたができることはあまりありません。 ただし、各画像に透かしを配置してプロパティとして識別することで、画像の魅力を低下させることができます。 透かしファイルは、JPG(JPEG)、GIF、PNG 画像のいずれかになります。 GIFと PNG ファイルタイプはどちらも透明レイヤーをサポートしており、透かしに透明な背景を与えるために使用できます。
次の例の small 画像に使用される透かしは、背景が透明な黒いロゴで、次の設定で PNG ファイルとして保存されています。
- サイズ:50x50
- 不透明度:5
- 位置:タイル
{width="700" modal="regular"}
製品画像への透かしの追加
-
管理者 サイドバーで、Content/Design/Configuration に移動します。
デザイン設定について詳しくは、「 デザイン設定」を参照してください。
-
設定するストア表示を見つけ、Action 列の Edit をクリックします。
-
「Other Settings」の下の「展開セレクター を展開します。
{width="600" modal="regular"}
Base、Thumbnail、Small、Swatch Image の画像設定は同じです。
-
次のいずれかの方法を使用して、透かし画像アセットを追加します。
- 「Upload」をクリックし、透かしとして使用するためにアップロードする、システム上の画像ファイルを選択します。
- 「Select from Gallery」をクリックし、「 メディアギャラリーから画像アセットを選択します。
-
透かし表示の設定を行います。
-
Image Opacity をパーセンテージで入力します。 例:
40
-
Image Size をピクセル単位で入力します。 例:
200 x 200
-
透かしの表示場所を決定するには、Image Position を設定します。
-
-
完了したら、「Save Config」をクリックします。
-
キャッシュを更新するように求められたら、システムメッセージの Cache Management をクリックして、無効なキャッシュを更新します。
{width="600" modal="regular"}
透かしの削除
-
画像の左下隅の「Delete い物」( )アイコンをクリックします。
{width="300"}
-
「Save Config」をクリックします。
-
キャッシュを更新するように求められたら、システムメッセージの Cache Management をクリックして、無効なキャッシュを更新します。
透かし画像がストアフロントに残る場合は、キャッシュ管理に戻り、「Flush Magento Cache」をクリックします。