推奨画像サイズ

4. EC + SC (EN).png

魅力的な画像は、オンラインストアを成功させるための重要な要素です。適切なファイルタイプと寸法を使用することで、すべての画像が最適に表示されることが保証されます。

 

1. 推奨画像寸法 

A. 画像の高さ

画像の高さは3000px未満を推奨します。

 

B. 画像の幅

1. 商品写真 

サポートされているファイルタイプ:JPG/PNG/GIF

  • "商品写真(メイン)":750px
  • "追加商品写真":800px
  • "商品カテゴリ"内の"カテゴリバナー": 2000px–3000px

2. ページ画像カテゴリ

サポートされているファイルタイプ:JPG/PNG/GIF

  • "高度なページ"の一般画像:1200px–2000px
  • "高度なページ"の全幅バナー画像:2000px–3000px
  • "テキストページ"および"商品説明"に埋め込まれた画像:1000px–2000px
  • 新しいページビルダーで作成された高度なページについては、以下を参照してください:
    • デスクトップ版の推奨画像比率
      • 長方形(2:1比率) - 推奨単一画像寸法:2000 x 1000px。
      • 長方形(3:4比率) - 推奨単一画像寸法:1500 x 2000px
      • 正方形(1:1比率) - 推奨単一画像寸法:2000 x 2000px。
    • モバイル版の推奨画像比率
      • 長方形(2:1比率) - 推奨単一画像寸法:1080 x 540px。
      • 長方形(3:4比率) - 推奨単一画像寸法:810 x 1080px
      • 正方形(1:1比率) - 推奨単一画像寸法:1080 x 1080px。

*特定のテーマテンプレートの推奨画像比率については、 ストアフロントテンプレートを参照してください。

*Note: 一部のブラウザではGIF/PNGの選択がサポートされていません。その場合は、選択した画像を以下のウィンドウにドラッグアンドドロップしてください: mceclip0.png

 

2. 画像のアップロードに失敗した場合の対処法 

一般的な問題:

1. ファイルが大きすぎる:ファイルサイズが10 MB(メガバイト)未満であることを確認してください。

2. GIFファイルのフレーム数が多すぎる:特定のサイズに対してフレーム数が多すぎるGIFファイルはアップロードに失敗することがあります。推奨されるフレーム数は以下の通りです:

- 1920x1000:最大20フレーム

- 800x400:最大120フレーム

GIFのフレーム数を確認するには、https://ezgif.comのGIF制作/チェックツールを使用してください。

 

3. アップロードした画像がぼやけているまたは低品質の場合の対処法

A. 画像のカラースペースを変更する 

再アップロードする前に、画像のカラースペースがCMYKではなくRGBに設定されていることを確認してください。

mceclip0.png

 

B. カラープロファイルと表示最適化を確認する 

デバイスの表示設定と画像設定の違いが色の歪みを引き起こすことがあります。これは、ドキュメントに正しいICC準拠のカラープロファイルが割り当てられているかどうかを確認することで解決できます。以下は、PhotoshopまたはFotorのような無料のサードパーティソフトウェアを使用してこれを行う手順です。

 

Photoshop

i. 編集 > プロファイルに変換をクリックします。「プロファイル」ドロップダウンメニューからsRGBを選択します。

mceclip1.png

ii. ファイル > 名前を付けて保存 > ウェブ用に保存をクリックします。

「最適化」と「カラープロファイルを埋め込む」のチェックボックスをオンにします。

保存する前に「品質」を100に設定します。

mceclip2.png

 

Fotor 

Fotorアカウントにログインまたは登録します。インポートをクリックし、画像を選択します。「編集」メニューで希望の調整を行います。その後、保存をクリックします。

mceclip4.png

 

希望のファイルタイプを選択します。「数量」に対して「高」を選択し、次にダウンロードをクリックします。mceclip5.png

 

C. 画像が最小幅要件を満たしていることを確認する 

推奨画像寸法については、推奨画像寸法

 

D. イラストや大量のテキストを含む画像にはソースファイルを使用する

Adobe PhotoshopやAdobe Illustrator(つまりPSD/AIファイル)などのプログラムで作成された画像を使用する場合は、最良の結果を得るためにPNG形式に変換してください。

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
2人中1人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント