メディアストレージに画像をアップロードする
概要
システム内で利用する画像をアップロードし、用途ごとに管理・保管する手順を説明します。
利用目的
製品画像やカタログのヘッダー画像など、システム内で利用する画像メディアデータを一箇所に集約し、情報管理を一元化するために利用します。
用途に応じてカテゴリへ分けて保管することで、どの用途で使う画像かを整理しやすくなります。
機能の説明
メディアストレージの役割
メディアストレージは、DEXTRE内で使用する画像をアップロードし、用途ごとに管理・保管する機能です。
製品やカタログなどを作成する際に、入力フォームからアップロードした画像も、メディアストレージで管理されています。
画像のカテゴリと用途
アップロードした画像は、次の4つのカテゴリのいずれかに分けて管理されます。
- ブランド: ブランド概要ページなどに表示するメインビジュアル画像などに使われます。
- カタログ: カタログ詳細ページに表示するメインビジュアル画像などに使われます。
- ルックブック: カタログ内で展開するルックブックの画像として使われます。
- 製品: 製品情報(マスターデータ)のメイン画像やバリエーション画像として使われます。
画像ファイルの制約
画像ファイルのアップロードには、次の制約があります。
- アップロード可能な最大ファイルサイズ: 3MB以内
- 推奨ファイルサイズ: 300KB以内
- アップロード可能なファイル形式:
jpeg,png,webp,gif
ファイルサイズごとの挙動は、次のとおりです。
- 3MBを超えるファイル: アップロードできません。
- 300KBを超えるファイル: アップロードは可能ですが、警告が表示されます。
ルックブック・製品の表示方向
ルックブックおよび製品では、画像枠に対して縦向き表示または横向き表示を指定できます。
元画像の縦横比と、指定した表示方向の比率が合わない場合は、システムが白背景の余白を付け、指定した枠内に収まるように表示を調整します。
操作方法
操作画面への移動
-
メディアメニューをクリックします。
-
アップロードする対象に合わせて、以下のいずれかのタブを開きます。
- ブランド ※デフォルトで開かれています。
- カタログ
- ルックブック
- 製品
-
画像アップロードボタンをクリックします。
選択中のカテゴリに応じたアップロードモーダルが開きます。
フォームの入力方法
-
ファイル選択ボタンをクリックして、アップロードする画像を選択します。
選択した画像のサムネイルが一覧表示されます。- 複数ファイルを選択できます。
- ドラッグアンドドロップで追加できます。
-
画像サイズの縦横比率
ルックブックまたは製品の画像の場合、画像の表示方向を指定します。- 縦向き表示: 画像が縦向き(2:3)で表示されます。
- 横向き表示: 画像が横向き(3:2)で表示されます。
同時に複数枚をアップロードする場合は、全適用するボタンで一括指定できます。
画像のアップロード
選択した画像を確認し、アップロードボタンをクリックします。
処理に成功すると、画像がアップロードされます。
利用上の注意
カテゴリ別の推奨サイズとアスペクト比
用途に合った表示にするため、カテゴリに応じて次のサイズやアスペクト比の画像を利用してください。
- ブランドおよびカタログのメインビジュアル画像
- 推奨サイズ: 1920px × 768px
- 推奨アスペクト比: 5:2
- ルックブックおよび製品の画像
- 推奨アスペクト比: 2:3(縦向き)、または 3:2(横向き)
画像の推奨ファイルサイズ
画像の推奨ファイルサイズは、1ファイルあたり300KBです。
表示品質やパフォーマンスの観点から、可能な限り推奨ファイルサイズ以内でのアップロードを推奨します。
ストレージ容量の上限と追加料金
メディアストレージの利用には、ご契約ストレージ容量の上限(50GB)があります。大きなサイズのファイルを大量にアップロードすると、この上限を超える可能性があります。
上限を超過した場合は、追加費用が発生します(50GB以上、10GBごとに500円/月)。