Wix ストア:商品ページで画像の表示方法を設定する

読了時間:3分
E コマースビジネスで成功するには、高品質な商品画像を表示することが最も重要とも言えます。
ストアで画像が表示される方法は、アップロードする画像(解像度、縦横比など)と、商品ギャラリーと商品ページでの表示方法によって変わります。
この記事では、エディタで使用できる画像のサイズ変更方法と比率のオプションについて説明します。画像について詳しくはこちらをご覧ください。

下記をご確認ください:


画像のサイズ変更方法について

商品ギャラリーと商品ページでは、クロップとフィットの 2 通りの画像の表示方法があります。

クロップ

画像はすべて同じサイズになるようクロップされます。異なるサイズ・縦横比の画像のをアップロードすると、画像の一部が切り取られます。

フィット

フィットオプションを選択すると、画像は元の縦横比がそのままの状態で表示されます。元の画像のサイズ・縦横比が同じでない限り、ギャラリーの画像は異なる縦横比で表示されます。
ヒント:
画像の一部が切り取られることなく、同じサイズの画像を利用してすっきりとした商品ギャラリーを作成するには、商品を作成する際に同じ比率の画像をアップロードすることをおすすめします。

画像比率について

画像比率、つまり縦横の比率は、画像の高さに対する画像の幅を示します。
  • クラシック商品ページのレイアウトは、全ての画像比率をサポートしています。他のレイアウトは幅の広い画像を使用しましょう。
  • モバイル端末で画像を正しく表示させるには、画像の推奨比率は1:1(正方形)となっています。 

  1. エディタで該当する商品ギャラリーをクリックします。
  2. 商品ギャラリーをクリックします。
  3. 設定」アイコン  をクリックします。
  4. レイアウト」タブをクリックします。
  5. 「画像サイズの変更方法」下でオプションを選択します。
    • クロップ:画像はすべて同じサイズになるようクロップされます。
    • フィット:画像はそのまま表示されます。
  6. 画像の比率を選択します。

商品ページで画像表示を設定する

  1. 商品ページにアクセスします。
2. エディタより商品ページをクリックします。
3. 「設定」をクリックします。
4.「レイアウト」タブをクリックします。
5.「画像比率」のドロップダウンからオプションを選択します。
6.「画像サイズの変更方法」下でオプションを選択します。
  • クロップ:画像はすべて同じサイズになるようクロップされます。
  • フィット:画像はそのまま表示されます。

お役に立ちましたか?

|