この記事の対象: ShopifyでのEC構築・リニューアルを検討している事業者、商品写真を自社で用意するか外注するか迷っている担当者
読了時間: 約12分
商品写真は、ECサイトで一番長く見られる要素です。テーマを選び直すよりも、写真を撮り直すほうが体感の印象は変わります。ところがいざ準備しようとすると「何ピクセルで撮ればいいのか」「1商品に何枚必要か」「背景は白でいいのか」が同時に降ってきて、手が止まります。
この記事では、Shopifyストアを構築する側と運用する側の両方の立場から、商品写真の仕様・枚数・撮り方を「判断できる形」で整理します。正解の数値を暗記する話ではなく、自社のケースでどこに寄せるかを決めるための材料として読んでください。
Shopify商品写真のサイズと縦横比をどう決めるか
上限より先に「どの比率で統一するか」を決める
Shopifyは商品画像の受け皿としてかなり余裕があります。アップロード時の上限はピクセル・容量ともに実用範囲を大きく超えているため、「上限に収まるか」で悩む場面はほとんどありません。実務で問題になるのは、上限ではなく比率のばらつきです。
商品一覧ページのサムネイルは、テーマ側で指定された比率にトリミングされるか、余白を足して収められるかのどちらかになります。Dawn系のテーマには「商品画像の比率」を選ぶ設定があり、正方形・縦長・元の比率などから選べます。ここで「元の比率」を選んだまま、縦長と横長の写真が混ざった商品を並べると、一覧の行が波打ちます。
全商品を同じ比率で用意
- 一覧の行がきれいに揃う
- テーマ側の設定を変えても崩れにくい
- 後から商品を足しても違和感が出ない
比率がばらばら
- カードの高さが商品ごとに変わる
- トリミングで商品が切れる／余白が出る
- 撮り直さない限り直らない
一覧の見栄えは、テーマの品質よりも素材の揃い方で決まります。撮影前に比率を1つ決めることが、あとから一番効きます。
実務でよく使う3つの比率
| 比率 | 向いているもの | 注意点 |
|---|---|---|
| 1:1（正方形） | 雑貨・食品・コスメなど横幅が安定した商品 | 縦に長い商品は左右の余白が大きくなる |
| 4:5（縦長） | アパレル・家具・ボトル類 | 一覧でカードが縦に伸びるため1行の商品数を減らす判断が要る |
| 3:2 / 16:9（横長） | 什器・セット販売・シーンカット | スマホ表示で小さく見える。メイン画像には不向き |
迷ったら1:1が無難です。SNSへの転用、レビュー欄のサムネイル、検索結果のリッチリザルトまで含めて、正方形は最も事故が少なく済みます。アパレル中心なら4:5に振り、そのぶんテーマ側のカラム数を調整するほうが自然に見えます。
長辺のピクセル数は「ズーム」から逆算する
Shopifyのテーマの多くは、商品画像にズーム（拡大表示）機能を持っています。ズームを効かせるなら、表示される幅の2倍以上の実サイズが必要です。
- ズームを使わない：長辺 1,600px 前後で足りる
- ズームを使う／素材感を見せたい：長辺 2,048px 以上
- 生地の織り・木目・金属の質感が購入判断に直結する：長辺 2,400〜3,000px
上限いっぱいの巨大な画像を入れると、Shopify側で配信用のリサイズはされるものの、管理画面の操作が重くなり、撮影データの管理も膨らみます。「ズームで見せたい範囲の2倍」を基準に決めるのが現実的です。
ファイル形式はJPEGで問題ありません。Shopifyは配信時にWebPへ自動変換するため、アップロード時点でWebPに揃える必要はありません。透過が必要な場合だけPNGを使います。
ファイル名とaltテキストは撮影と同じ工程でやる
画像のファイル名は、そのままURLの一部になります。IMG_4821.jpg のまま100点入れると、あとから差し替えるときに地獄を見ます。
ブランド名-商品名-色-カット番号.jpg
例）soreiine-tote-navy-01.jpg
altテキストは検索エンジンと読み上げの両方に効きます。「商品名＋どのカットか」を日本語で短く書けば十分です。撮影データを納品してもらう段階でファイル名の規則を伝えておくと、後工程が丸ごと軽くなります。
商品写真は何枚あれば足りるか
「枚数」ではなく「答えるべき質問の数」で数える
何枚必要かという問いは、そのままでは答えが出ません。写真は装飾ではなく、購入前に出てくる質問への回答だからです。実店舗で客が手に取ってやること——裏返す、持ち上げる、サイズを自分の身体と比べる——を、写真で代替していると考えると枚数が決まります。
必ず要る（3枚）
- 正面（メイン・背景統一）
- 角度違い（立体感がわかる）
- 使用シーン（大きさと用途）
商品によって足す
- ディテール（素材・縫製・刻印）
- サイズ比較（手・既知の物と並べる）
- 付属品一式
- 裏面・内側・開けた状態
色展開があるなら
- 色ごとに正面カット1枚（必須）
最低3枚。単価が上がるほど「足す」側が増える。
図のとおり、下限は3枚です。上限は商品価格に比例します。数千円の消耗品に10枚は過剰ですし、数万円の家具に3枚では足りません。
価格帯別のおおよその目安
| 価格帯 | 枚数の目安 | 優先して足すカット |
|---|---|---|
| 〜3,000円 | 3〜5枚 | 使用シーン、サイズ比較 |
| 3,000〜15,000円 | 5〜8枚 | ディテール、裏面・内側 |
| 15,000円〜 | 8〜12枚 | 素材のアップ、付属品、設置イメージ |
| 定期購入・消耗品 | 4〜6枚 | 中身の量がわかるカット、パッケージ裏の表示 |
定期購入を扱う場合、初回に届く一式が写真で伝わっているかどうかで問い合わせの数が変わります。継続課金は「思っていたものと違った」が解約に直結するため、届く現物を正確に写しておく価値が大きい領域です。
バリエーション（色・サイズ）がある場合の落とし穴
Shopifyでは商品画像をバリエーションに紐づけられます。色違いを選んだときに画像が切り替わる、あの挙動です。
ここで起きがちなのが、色ごとの撮影条件がずれているケースです。同じ商品のネイビーとベージュを別日・別光源で撮ると、切り替えた瞬間に背景の色味や影の向きが変わり、商品そのものより背景の違いが目に入ります。色展開のある商品は、必ず同じセッションで撮り切ってください。撮り直しが1色だけ発生した場合も、条件を再現できるようライティングのメモを残しておきます。
背景の統一が最も費用対効果が高い
白背景か、世界観のある背景か
背景の選択は二択に見えて、実際には「どこで統一するか」の話です。
白・無地で統一
- 一覧が整い、商品が主役になる
- 後から商品を足しても揃う
- モール出品・広告へ転用しやすい
- ブランドの空気は出しにくい
世界観のある背景
- ブランドの印象は強く残る
- 商品の形・色が正確に伝わりにくい
- 撮影条件の再現が難しい
- 商品追加のたびに同じ場所・同じ光が要る
実務での落としどころは「一覧に並ぶメイン画像は無地で統一し、2枚目以降で世界観を出す」です。これなら一覧の整然さとブランドの空気を両立できます。世界観カットを1枚目に置いてしまうと、商品が並んだときに情報量がぶつかり、どれも目に入らなくなります。
無地背景は「白」でなくてもいい
白は定番ですが、絶対ではありません。白い商品を白背景で撮ると輪郭が消えますし、ブランドによっては白が冷たく見えます。
- 純白（#FFFFFF）：モールへの転用を想定するなら最も安全
- オフホワイト・ライトグレー：白物家電・陶器・紙製品に向く。輪郭が残る
- ベージュ・くすみ系：食品・コスメ・雑貨。温度感が出る
重要なのは色そのものより、全商品で同じ1色を使い続けられるかです。1年後に商品を追加したとき、同じ背景を再現できる状態にしておくことが条件になります。撮影用の背景紙や布は、型番と購入先をメモに残しておいてください。
後から背景を切り抜くという選択
撮影済みの写真の背景を切り抜いて無地に差し替える方法もあります。少量なら現実的ですが、影まで自然に処理しようとすると1枚あたりの手間が跳ね上がります。商品点数が数十を超えるなら、切り抜きの外注費より撮り直しのほうが安く済むことが多い、というのが実感です。
撮影を外注するかどうかの判断
内製と外注の分かれ目
「カメラマンに頼むべきか」は、予算だけでは決まりません。次の条件で切り分けます。
| 条件 | 内製で足りる | 外注を検討 |
|---|---|---|
| 商品点数 | 〜30点程度 | 50点超、または定期的に新商品が出る |
| 商品の性質 | 形・色が単純、サイズが一定 | 光沢・透明・大型・人が着る |
| 社内の人 | 撮影に時間を割ける人がいる | 全員が本業で手一杯 |
| 求める水準 | 情報が正確に伝われば十分 | ブランドの第一印象を写真で作りたい |
| 更新頻度 | 商品がほぼ入れ替わらない | 季節ごとに入れ替わる |
光沢のある金属、透明なガラス、ツヤのある食品は、内製でつまずきやすい代表格です。照明の映り込みを制御する工程が必要で、機材より経験が効きます。逆に、平置きできて色が素直な雑貨・衣類のたたみ置きは、条件を整えれば内製で十分な水準に届きます。
内製するなら投資すべき順番
機材を買い足す順番を間違えると、費用の割に写真がよくなりません。効く順に並べるとこうなります。
カメラ本体を最初に買う人が多いのですが、順番としては最後です。近年のスマートフォンは商品写真の用途では十分な解像度を持っており、足りないのはほぼ光と安定性です。
三脚が3番目に来ているのは、見栄えではなく再現性のためです。同じ高さ・同じ距離で撮れると、商品を追加したときに過去の写真と揃います。ECの写真は撮って終わりではなく、数年にわたって足し続けるものだという前提が、内製の設計を変えます。
外注するなら仕様書を先に渡す
外注する場合、カメラマンの腕より、発注側が仕様を固めているかで結果が決まります。撮影当日に「何枚撮るか」を相談し始めると、その場の判断でカット数も比率もばらつきます。
発注前に渡しておくもの:
- 比率（1:1／4:5など）と長辺のピクセル数
- 1商品あたりのカット構成（正面・角度・ディテール・シーン）
- 背景の指定（色見本または現物）
- ファイル名の命名規則
- 納品形式（JPEG・色空間・レタッチの範囲）
- 商品追加時に同条件で撮り足せるか、その際の条件
最後の1項目が抜けている発注をよく見ます。半年後に新商品が出たとき、同じ条件で撮れないと過去の写真が全部やり直しになります。撮影データだけでなく、ライティング図や設定値を残してもらえるか、事前に確認しておく価値があります。
依頼内容のまとめ方そのものに迷う場合は、制作全般の発注整理と考え方が共通します。
写真とサイトの表示速度の関係
大きい画像を入れても、そのまま配信されるわけではない
Shopifyは商品画像を自動でリサイズし、閲覧環境に応じたサイズを配信します。テーマ側も image_url のフィルターと srcset で複数サイズを出し分けているため、アップロードした画像がそのまま巨大なまま届くわけではありません。
それでも表示が重くなるケースがあります。原因は画像そのものより、周辺にあることが多いです。
- 1ページに置いた商品カードの数が多すぎる
- ファーストビューにスライダーがあり、複数の大きな画像を同時に読み込んでいる
- 画像を扱うアプリが独自のスクリプトを挟んでいる
- 遅延読み込みが効いていない、あるいは全画像に効いてしまい表示が遅れて見える
アプリ起因で遅くなるパターンは、商品写真の最適化をいくら進めても解消しません。
画像加工アプリを入れるかどうかの線引き
背景切り抜き、一括リサイズ、画像圧縮を担うアプリはいくつも存在します。無料枠から有料プランまで幅があるので、最新の料金は各アプリのページで確認してください。判断は次の順序で行います。
アプリで足りる条件
- 処理が一時的（初回の一括切り抜き・移行時のリサイズ）
- 管理画面の中で完結し、テーマのコードに何も残さない
- 処理後の画像がShopify側に保存され、アプリを外しても画像が消えない
テーマ改修が必要になる条件
- 表示の挙動そのものを変えたい（ホバーで2枚目に切り替える、バリエーション選択で特定のカットを出す）
- 商品一覧のカード構造を変えたい
- 画像の読み込み順序・遅延読み込みを制御したい
境界線は「画像そのものを加工するのか、画像の見せ方を変えるのか」です。前者はアプリ、後者はテーマ側の仕事になります。この線引きは商品写真に限らずShopify全般で共通する考え方です。
解約時に何が残るかを先に確認する
画像加工アプリで見落としやすいのが、解約後の挙動です。加工済み画像がShopifyのファイルとして保存される作りなら、アプリを外しても画像は残ります。一方、アプリ側のサーバーから画像を配信する作りだと、解約した瞬間に商品ページの画像が消えます。
導入前に確認すべきは1点だけです。「この画像はShopifyのドメインから配信されているか」。商品ページで画像を右クリックしてURLを見れば、cdn.shopify.com か、アプリ事業者のドメインかがすぐわかります。
月額の積み上がりも同様で、画像1本のために入れたアプリが、他のアプリと合わせて固定費になっていきます。
コーポレートサイトと兼用する場合の写真設計
Shopifyをコーポレートサイトと兼ねて運用する構成では、商品写真の役割が1つ増えます。ECの商品ページで使うカットとは別に、トップページのキービジュアルや会社紹介で使う「引きの写真」が必要になります。
商品単体のカットだけを揃えていると、コーポレート面を作る段階で素材が足りず、撮影をもう一度組むことになります。撮影を1回にまとめるなら、次のカットを最初から発注に含めておきます。
- 商品を複数並べたブランドカット（トップのヒーロー用・横長）
- 制作現場・スタッフ・什器などの引き（会社紹介用）
- 商品を使っている生活シーン（縦横両方）
この構成の全体像については、別記事で整理しています。
Dawnテーマをベースにカスタマイズして運用していると、商品写真の比率をあとから変える判断は、思っている以上に重くなります。セクションの設定を1つ変えるだけに見えて、既存の全商品の見え方が変わるためです。テーマ側の改修方針は、素材の仕様とセットで決めるのが結果的に早く済みます。
運用しながら写真を育てる
公開後に効いてくる論点
写真は公開して終わりではありません。運用に入ってから効いてくる論点が3つあります。
1. 管理画面を触る人の負担
商品登録の担当者が、毎回「どのカットを1枚目にするか」「altに何を書くか」を判断していると、時間もかかりブレも出ます。カット構成とaltの書式を1枚のルールにして渡しておくと、担当者が代わっても写真の質が落ちません。
2. 商品追加時の再現性
新商品を撮り足すたびに条件が変わると、サイト全体が少しずつ不揃いになります。背景紙の型番、照明の位置、カメラの設定、三脚の高さ——このメモがあるかないかで、1年後の手間が変わります。
3. レビュー投稿画像との同居
購入者が投稿した写真は、当然ながら撮影条件が揃いません。商品ページのどこに置くか、商品画像と混ぜないかを設計しておかないと、せっかく整えたメイン画像の横に暗い写真が並びます。
全部を一度に揃えなくていい
商品点数が多いストアで、最初から全商品に8枚ずつ用意するのは現実的ではありません。優先順位はこう置きます。
第1段階が最優先なのは、一覧ページの印象が全商品の合計で決まるからです。1商品だけ写真が10枚あっても、一覧が不揃いなら全体の印象は上がりません。逆に、メイン1枚が揃っているだけで、ストアは驚くほど整って見えます。
第3段階の「問い合わせの多い点」は、写真の不足が一番はっきり出る場所です。サイズを聞かれるならサイズ比較カットが、素材を聞かれるなら素材のアップが足りていません。問い合わせは、撮り足すべきカットのリストだと考えてください。
よくある質問
Shopifyの商品画像は何ピクセルで用意すればいいですか
ズーム機能を使うなら長辺2,048px以上、使わないなら1,600px前後で足ります。表示される幅の2倍を目安に決めてください。Shopifyが配信時に自動でリサイズするため、上限いっぱいの巨大な画像を入れる必要はありません。
商品写真は正方形と縦長のどちらがいいですか
雑貨・食品・コスメなら1:1、アパレル・家具など縦に長い商品なら4:5が扱いやすいです。重要なのはどちらを選ぶかより、全商品で同じ比率に統一することです。比率が混在すると商品一覧の行が崩れ、撮り直さない限り直りません。
商品写真は1商品あたり何枚必要ですか
最低3枚（正面・角度違い・使用シーン）です。そこから価格帯に応じて足します。3,000円未満なら3〜5枚、15,000円以上なら8〜12枚が目安です。色展開がある場合は、色ごとに正面カットを1枚ずつ用意してください。
商品写真の背景は白でなければいけませんか
白である必要はありません。白い商品は白背景だと輪郭が消えるため、オフホワイトやライトグレーのほうが適します。判断の軸は色そのものではなく、1年後に商品を追加したときに同じ背景を再現できるかどうかです。
撮影は自社でやるべきか外注すべきか、どこで判断しますか
商品点数が30点程度までで、形と色が単純な商品なら内製で十分な水準に届きます。光沢のある金属、透明なガラス、人が着るものは映り込みや体型の見せ方の制御が必要なため、外注を検討してください。内製する場合、投資すべき順番は光・背景・三脚・カメラ本体の順です。
まとめ
Shopifyの商品写真は、仕様を暗記する話ではなく、最初に4つを決める話です。
- 比率を1つに決める（1:1か4:5。全商品で統一する）
- 長辺をズームの要否から逆算する（1,600pxか2,048px以上か）
- メイン画像の背景を1色に固定する（再現できる条件で）
- カット構成をルール化する（最低3枚、価格帯に応じて足す）
この4つが決まっていれば、誰が撮っても、いつ商品を足しても、ストアは揃った状態を保てます。逆にここが決まっていないと、どれだけ良い写真を1枚撮っても、一覧に並んだ瞬間に効果が薄れます。
そして、撮影の設計は「今ある商品」ではなく「1年後に追加する商品」を基準に組んでください。ECの写真は足し続けるものです。再現できる条件で撮っておくことが、結果的に一番の節約になります。
