BigCommerceには各画像タイプに対する特定のガイドラインがあり、間違ったサイズをアップロードすると、商品写真がぼやけたり、レイアウトが崩れたり、ストアのコンバージョン率に影響するページの読み込みが遅くなります。このガイドでは、2026年のすべてのBigCommerce画像タイプの正確な推奨寸法を説明します — 商品画像、カテゴリーバナー、ホームページヒーロー、ロゴ、ファビコンまで。

BigCommerce画像サイズ — クイックリファレンス

商品画像：1280×1280 px（正方形、1:1）— 推奨
カテゴリーバナー：1200×400 px（3:1比率）
ホームページヒーロー / バナー：1920×600 px または 1920×800 px
ロゴ：250×100 px（透明背景のPNG）
ファビコン：32×32 px または 16×16 px（ICOまたはPNG）
最大ファイルサイズ：商品画像あたり2 MB（プランによる）；その他の画像は最大10 MB
対応フォーマット：JPG、PNG、GIF、WebP

BigCommerceの画像処理方法

サイズを詳しく見る前に、BigCommerceがアップロードされた画像をどのように処理するかを理解すると役立ちます：

サムネイルの自動生成：BigCommerceは元のアップロードから自動的に複数のサムネイルサイズを生成します — 80×80、100×100、160×160、256×256、512×512 px。一度アップロードすれば、残りはBigCommerceが処理します。
Akamai CDN：すべての画像はAkamaiのグローバルCDNを通じて保存・配信されるため、追加設定なしで世界中の顧客に素早くロードされます。
WebP自動変換：BigCommerceはアップロードされた画像をWebPに変換し、最新ブラウザに自動的に提供します。JPGまたはPNGをアップロードすれば、BigCommerceがWebP 配信を処理します。
最大サイズをアップロードしてください：BigCommerceはアップロードからサムネイルを生成するため、常に持っている最高品質のバージョンをアップロードしてください。低解像度の画像をアップロードした後に品質を向上させることはできません。

BigCommerceの商品画像サイズ

商品画像はBigCommerceストアで最も重要な画像です。正しいサイズを使用すると、顧客が商品を信頼して購入するかどうかに直接影響します。

推奨サイズ：1280×1280 px — Eコマース商品写真の標準正方形フォーマット
正方形（1:1）比率：BigCommerceのデフォルトテーマは正方形グリッドに商品画像を表示します。すべての商品で一貫した1:1比率を使用すると、清潔でプロフェッショナルなカタログが完成します。
メイン商品表示：BigCommerceのデフォルトテーマでメイン商品画像は最大 608 px幅で表示されます。1280 pxでアップロードするとRetina/HiDPIスクリーンに2×解像度を提供し、最新デバイスでシャープに表示されます。
自動生成サムネイルサイズ：BigCommerceはアップロードされた画像から 80×80、100×100、160×160、256×256、512×512 pxのサムネイルを作成します。すべて単一のアップロードから派生します。
ほとんどのBigCommerceプランのデフォルトでは商品あたり最大8枚の画像です。
メイン商品写真には白または中性の背景を使用してください — 一貫した背景が商品グリッドをプロフェッショナルで統一感のある外観にします。

商品画像が正方形でない場合（例：ワイドバナーや縦長パッケージ写真）、アップロード前に画像クロップツールを使用して1:1にクロップしてください。これにより商品グリッドでの予期しないレターボックス処理やクロップを防ぐことができます。

BigCommerceカテゴリー画像サイズ

カテゴリー画像はカテゴリー一覧ページの上部にバナーとして表示され、商品グリッドの上に配置されます。顧客がストアのセクションを閲覧する際に最初に見る画像です。

推奨サイズ：1200×400 px（3:1アスペクト比）
重要なテキストと焦点コンテンツは画像の中央60%内に配置してください — モバイルの狭い画面では左右の端がクロップされます。
ファイルフォーマット：写真カテゴリー画像にはJPEG、テキストが多いまたはイラストのバナーにはPNG。
カテゴリーページの高速ロードのために300 KB未満を目標にしてください。

ホームページヒーロー / バナー画像サイズ

ホームページヒーローはBigCommerceストアフロントの上部にある全幅バナーです。訪問者が最初に見る画像であり、ストアで最もパフォーマンスが重要な画像です。

推奨サイズ：1920×600 px（標準バナー、3.2:1比率）
縦長ヒーロー変形：1920×800 px（2.4:1）— より高いヒーローセクションのテーマに適しています
1920 pxの全幅はワイドフォーマットディスプレイを含むほとんどのデスクトップモニターをカバーします。
JPEG品質85 — スクロール前部分の高速ロードのために500 KB未満に保ってください。遅いヒーロー画像はLCP（最大コンテンツフルペイント）スコアを直接上げます。
行動を促すテキストと焦点被写体を中央に配置してください — 小さな画面では端のコンテンツがクロップされます。

アップロード前に画像圧縮ツールを使用してヒーロー画像を 500 KB未満に削減してください。品質85で適切に圧縮された1920 pxのJPEGは通常200〜400 KB に収まり、目立つ品質損失はありません。

BigCommerceのロゴサイズ

ストアロゴはBigCommerceストアのすべてのページのヘッダーに表示されます。鮮明で適切なサイズのロゴはブランドの信頼性を強化します。

推奨サイズ：250×100 px — Eコマースヘッダー用の標準横型ロゴフォーマット
フォーマット：透明背景のPNG — どのヘッダーカラー（白、暗い色、カラー）でもロゴが正しく表示されます。
SVGサポート：新しいBigCommerceテーマはSVGロゴをサポートしており、ファイルサイズの懸念なくあらゆる解像度で完璧にスケーリングされます。
Retinaディスプレイ用：2倍（500×200 px）でアップロードすると、テーマが 250×100 pxで表示し、高DPI画面でのシャープさを保証します。
PNGロゴの場合、50 KB未満を目標にしてください。

BigCommerceのファビコンサイズ

32×32 px（ブラウザタブに表示される標準ファビコン）
16×16 px（古いブラウザ用レガシーファビコン）
フォーマット：ICOまたはPNG
デザインは非常にシンプルに保ってください — フルロゴは16〜32 pxでは読み取れません。代わりにシンボルやイニシャルを使用してください。

BigCommerce画像のファイルサイズ目標

商品画像：100〜300 KB（JPEG品質85、1280 px）
カテゴリーバナー：150〜400 KB
ヒーロー画像：200〜500 KB
ロゴ：50 KB未満（PNG）

BigCommerce CDNは画像を効率的に配信しますが、アップロードしたファイルを再圧縮しません。アップロード前の圧縮が高速配信を保証する唯一の方法です。アップロード前にこれらの目標値を達成するために画像圧縮ツールを使用してください。

BigCommerceストアのパフォーマンスのヒント

商品写真：JPEG品質85が最適です — 顧客が鮮明にズームインできる一方で、ファイルサイズは小さく保たれます。カメラの元ファイルや非圧縮エクスポートはアップロードしないでください。
インフォグラフィックスタイルの商品画像（テキストオーバーレイ、コールアウト、カラースウォッチ付き）：PNGを使用してJPEGがぼかす可能性のある鮮明なテキストとハードエッジを保存してください。
すべての商品で一貫した1:1比率を維持：均一な商品グリッドはプロフェッショナルなストアの最も強いシグナルの1つです。アップロード前にクロップツールを使用してすべての商品画像を標準化してください。
画像リサイズツールを使用してアップロード前に画像を正確に1280×1280 pxに設定してください。超大型ファイル（例：DSLRの4000×4000 px）のアップロードはストレージを無駄にし、不必要な処理負荷を追加します。
アップロード前に圧縮してください：BigCommerce CDNはアップロードされたままのファイルを配信します。Shopifyとは異なり、BigCommerceはWebP変換以外に画像を自動的に再圧縮しないため、アップロード時のファイルサイズが配信時のファイルサイズになります。

よくあるBigCommerce画像の問題

商品グリッドが不均一に見える：画像が混合アスペクト比を持っています。画像クロップツールを使用してすべての商品画像を1:1（正方形）に標準化してください。
ズーム時に商品画像がぼやけて見える：低すぎる解像度（800 px未満）でアップロードされました。最低1280 pxでアップロードしてください — BigCommerceのズーム機能はアップロードされた解像度までスケールアップします。
ページの読み込みが遅い：ヒーローまたはバナー画像が大きすぎます（1 MB超）。アップロード前に圧縮してリサイズしてください。
Retinaスクリーンでロゴがぼやけて見える：ロゴが2倍ではなく表示サイズ（250×100 px）でアップロードされました。2倍の解像度（500×200 px）で再エクスポートしてください。
カラーヘッダーでロゴの背景が見える：ロゴがJPGとして保存されました（白い背景）。透明背景のPNGとして再エクスポートしてください。
カテゴリー画像がモバイルで正しくクロップされない：被写体やテキストが端に近すぎて配置されています。重要なコンテンツを画像の中央60%以内に保ってください。