BigCommerce のテーマがアップロードした画像をどう扱うか。
- 1
テーマがゆがめない比率
BigCommerce は、サムネイルとして使う商品画像を同じアスペクト比にそろえるよう勧めており、比率がテーマの設定と異なる画像は引き伸ばされるか縮められます。テーマが想定する比率を確認し、すべての商品をその比率で注文してください。商品スタジオは正方形、縦長、横長で納品するため、形は注文の時点で決まります。
- 2
カラープロファイルはアップロード時に削除される
BigCommerce は、アップロード時に商品画像からカラープロファイルを取り除き、プロファイルなしで画像を保存するよう勧めています。そのためストアはプロファイルのない状態で画像を表示するので、色の確認はアップロードのあとに行います。強い赤、深い青、メタリックな仕上げから順に、商品ページを自然光のもとで実物と見比べてください。
- 3
最初の画像とその説明
商品の画像リストの最初の画像が、商品ページと Quick View のデフォルト画像になるため、商品全体がもっともはっきりわかるビューをそこに置きます。画像の説明は alt タグになり、空欄の場合は BigCommerce が商品名を使います。バリエーションの画像には説明を付けられず、各バリエーションが持てる画像は一枚です。
BigCommerce が求めるもの。
- 推奨
- 商品画像には1,280 × 1,280ピクセルが最適なサイズ。ただし、テーマのドキュメントが別のサイズを勧めている場合があります
- 形式
- JPEG/JPG、GIF、WebP、PNG。TIFF と PDF には対応しておらず、CSV インポートでは BMP も対象外です
- ファイルサイズ
- 商品画像とバリエーション画像は、それぞれ最大8 MB
- 枚数
- 商品ごとに最大1,000枚で、そのうち250枚がコントロールパネルに表示されます。バリエーションごとに画像は1枚
- ズーム
- テーマの Image sizes 設定が、カーソルを合わせたときに表示されるズーム画像を制御します。API ドキュメントは、ズーム画像には1,280 × 1,280ピクセルより小さい画像を用意するよう述べており、そうでない場合はリサイズされた画像が返されます
- サムネイル
- サムネイルやその他のサイズは、アップロードした画像から作成されます。リストの最初の画像が、商品ページと Quick View の既定の画像になります
- アスペクト比
- サムネイルとして使う商品画像は、同じアスペクト比にそろえるのが最適です。比率がテーマの設定と合わない画像は、引き伸ばされるか縮められます
- 自動最適化
- BigCommerce の CDN は画像をロスレス設定で圧縮し、ファイル形式を変換することがあります。Cornerstone 4.0以降をベースとする Stencil テーマは、srcset を使ってレスポンシブな画像サイズを配信します
- 代替テキスト
- 画像の説明が alt タグになります。空欄の場合は商品名が使われ、バリエーション画像は説明に対応していません
- カラープロファイル
- カラープロファイルはアップロード時に商品画像から取り除かれるため、カラープロファイルなしで画像を保存することが勧められています
BigCommerce のカタログに向けた元の写真。
- 縦に長い商品は立てて、横に広い商品は水平に寝かせ、それぞれ周囲に余白を取って撮影します。テーマの比率がどの形であっても、商品全体が収まるようにするためです。
- フラッシュを切り、自然光で撮影します。BigCommerce はアップロード時にカラープロファイルを取り除くため、元の写真に正しく記録された色が、あとで見比べるときの基準になります。
- 刻印、ステッチ、ラベルの文字にピントを合わせます。テーマはカーソルを合わせると拡大画像を表示し、元の写真の甘さは、どこよりも先にそこに現れます。
BigCommerce 向けの商品写真について、よくある質問。
2Kの出力は、BigCommerce の商品ページに十分な大きさですか？
正方形の2K出力は、BigCommerce が商品画像に最適とするサイズを上回り、オプションで4Kも選べます。BigCommerce は、テーマのドキュメントが別のサイズを提案している場合があるとも述べているため、先にテーマ自体の数値を確認する価値があります。サムネイルやその他の表示サイズはアップロードした画像から作成されるため、一つのファイルですべてに対応できます。最適とされるサイズは、このページの表にあります。
カーソルを合わせたときのズームには、どの画像が表示されますか？
カーソルを合わせたときに表示される拡大画像は、テーマの Image sizes 設定で決まります。BigCommerce の API ドキュメントは、ズーム画像には定められたサイズより小さい画像を用意すること、そうでない場合はリサイズされた画像が返されることを述べています。そのため、2Kや4Kでアップロードした画像は、この表示ではリサイズされて表示されます。公開ページでラベルや縫い目を確認するなら、このズーム表示が適しています。
BigCommerce は、アップロードした PNG や JPG をどう処理しますか？
Herofab がダウンロード用に用意する PNG と JPG は、GIF や WebP と同じく、どちらも BigCommerce が受け付ける形式です。TIFF と PDF には対応していません。商品画像とバリエーション画像にはそれぞれファイルサイズの上限があり、このページの表に記載しています。その後、BigCommerce の CDN が画像を可逆圧縮の設定で圧縮し、形式を変換することもあるため、購入者のブラウザが受け取るのは BigCommerce が処理したファイルです。
料金はいくらですか？
画像ごとに4クレジット、4Kはさらにクレジットがひとつ追加です。消費クレジットは生成前に表示され、処理に失敗した場合はクレジットが返還されます。登録時の無料20クレジットで、このツールの画像を5枚作成できます。
次のコレクションを、今週のうちに撮影。
登録時に20クレジットを付与、カード登録は不要です。無料クレジットで作成した画像にはウォーターマークが入ります。