Shopify で商品を売るなら、画像サイズは単なるデザイン要素ではありません。コレクション一覧の見え方、商品ページの鮮明さ、そしてページの重さに直接効きます。
Shopify の公式仕様は柔軟です。つまり、覚えるべき「唯一の正解サイズ」があるわけではなく、テーマに合っていて、十分に鮮明で、無駄に重くない標準を決めることが仕事になります。
画像の役割分担を先に整理したいなら、Collections、PDP、広告で使い分ける Shopify 商品画像の順番 とセットで読むのがおすすめです。
Shopify が公式にサポートしている範囲
Shopify のヘルプでは、次の点が明記されています。
- 商品画像・コレクション画像は最大 5000 x 5000 px、または 25 メガピクセル
- 画像ファイルは 20 MB 未満
- 正方形の商品画像では 2048 x 2048 px が一般的に最も扱いやすい
- Shopify はストア表示に応じて異なるサイズを自動生成して配信する
つまり柔軟ではありますが、「一番大きな元画像をそのまま投げればよい」という意味ではありません。
実務上の標準値: 2048 x 2048
正方形の商品画像を中心に運用する多くのストアでは、2048 x 2048 px が最も扱いやすい標準です。
理由はシンプルです。
- 現代の画面で十分にシャープに見える
- 多くのテーマでズームやトリミングに余裕がある
- 巨大ファイルより圧縮しやすく、標準化しやすい
- Shopify の一般的な推奨と整合する
サイズ以上に大事なのはアスペクト比
Shopify は画像比率を強制しませんが、ストアの見え方は比率の統一で大きく改善します。
特にコレクション一覧、関連商品、カートサマリー、特集セクションは、主画像の比率が揃っているだけで整って見えます。
方形、縦長、横長が混在すると起きやすい問題は次のとおりです。
- 不自然なトリミング
- サムネイルの高さが不揃いになる
- カタログ全体が雑多に見える
カテゴリごとに主比率を決めて、できるだけ守るのが安全です。多くのカテゴリでは正方形が最も扱いやすく、アパレルならテーマに合わせて縦長もありです。
PDP で本当に重要なこと
商品ページの画像が果たす役割は、購入者の疑問を減らすことです。
つまり、画像は次の問いにすばやく答える必要があります。
- 何を買うのか
- 近くで見るとどう見えるのか
- 他の角度ではどう見えるのか
- 実際に使うとどういう感じか
強い Shopify PDP はたいてい次の構成になっています。
- クリーンなヒーロー画像
- 複数の角度違い
- ディテールカット
- サイズ感または使用シーン画像
- 必要なら動画または 3D メディア
Shopify では最初のメディアがメインとして広く使われるため、1 枚目は最も汎用的で認識しやすい画像にすべきです。
コレクション画像は詳細より識別性
コレクション一覧では、画像は PDP と同じ仕事をしません。
ここで重要なのは次の 4 点です。
- 一目で商品が分かる
- 周囲の商品と視覚的にそろう
- テーマのトリミングでも崩れない
- 一覧表示で重くなりすぎない
比率統一が特に効くのはこの場面です。PDP では良く見える画像が、一覧では扱いにくいこともあります。その場合の問題は大きさではなく、比率とトリミングの設計です。
ファイル形式と配信
Shopify は JPEG、PNG、WebP など複数のソース形式を受け付け、表示時にはブラウザに合わせて最適な形式を返します。
実務では次だけ押さえれば十分です。
- 元画像をできるだけきれいにする
- Shopify が受け付けるからといって巨大ファイルをそのまま上げない
- アップロード前に適切に圧縮する
大半の product photography では、JPEG または PNG のきれいな元画像で十分です。
画像 SEO とパフォーマンス
画像サイズはパフォーマンス判断でもあります。
Shopify ストアで意識したい指標は次のとおりです。
- LCP: メインコンテンツが表示される速さ
- INP: 操作に対する応答の良さ
- CLS: 読み込み中のレイアウト安定性
大きすぎる画像は LCP を悪化させます。比率が乱れていると、テーマ処理によってはレイアウトの違和感も出やすくなります。
実務上の基本は次のとおりです。
- 適切なサイズのマスター画像を使う
- アップロード前に圧縮する
- 比率をそろえる
- 生ファイルではなく、実際のテーマをモバイルで確認する
Alt Text は省略しない
Shopify では商品メディアに alt text を設定でき、公式にもアクセシビリティと SEO に役立つと書かれています。
良い alt text は次のようなものです。
- 短い
- 具体的
- 画像内容に直接対応している
悪い alt text はキーワードの詰め込みです。購入者が画像から知りたい情報を端的に書くほうが強いです。
多くのストアで使える簡易標準
社内ルールとして始めるなら、次の基準が実用的です。
- マスターサイズ: 正方形なら 2048 x 2048 px
- ファイルサイズ: 20 MB 未満、アップロード前に適切圧縮
- 比率: カテゴリごと、または表示パターンごとに統一
- 1 枚目: 最も見やすく認識しやすい画像
- 2 枚目以降: 角度、ディテール、サイズ感、使用文脈
- Alt text: 重要画像には付与する
関連記事
アップロード前チェック
- 商品ページで十分に鮮明か
- 元ファイルが不必要に大きすぎないか
- 比率がカタログ内でそろっているか
- 1 枚目が最も分かりやすい画像か
- 実際のテーマでコレクション表示が崩れていないか
- 必要な alt text を入れているか
- 実機モバイルで確認したか
まとめ
Shopify に「秘密の正解サイズ」はありません。あるのは、安定して運用できるサイズ帯と、揃えるべき基本ルールです。
多くの商材では、2048 の正方形マスター、比率統一、適切圧縮、そして実テーマ確認の組み合わせで十分です。そのほうが、単に最大ファイルを投げるより成果につながります。
Shopify 向けの商品画像を速く標準化したいなら、Sellshot は EC 商品画像ワークフロー向けに設計されています: 無料トライアルを始める ->
