Shopify 画像サイズガイド (2026)
Shopifyはほぼすべての画像を受け付け、その後はテーマが表示方法を決めます — それがまさに、カタログでグリッドが揃わない、ズームがぼやける、モバイルでヒーローがトリミングされるといった問題の原因です。このガイドでは、Shopifyの実際のプラットフォーム上限、テーマをまたいで通用するサイズ、そしてカタログ全体を仕様どおりにリサイズする方法をまとめます。
結論（短く）
- 商品画像：2048 × 2048 px の正方形が推奨サイズ — ズームに十分な大きさで、読み込みも高速。
- プラットフォーム上限：最大 5000 × 5000 px（25 megapixels）、1枚あたり 20 MB 未満。
- ズームには 800 × 800 px より大きいサイズが必要 — それ未満だとテーマ側で無効化されます。
- ヒーロー／バナーのサイズはテーマ依存。フル幅セクションの安全な基準は 1920 × 1080 px（16:9）。
Shopify 商品画像・コレクション画像のサイズ
これらの制限はプラットフォーム共通です。画像の表示はテーマが決定します。商品は正方形がテーマ横断の慣例です。
| 項目 | 推奨 | 最小 | アスペクト比 | 備考 |
|---|---|---|---|---|
| 商品画像 | 2048 × 2048 px | ズームには 800 × 800 px より大きいサイズ | 1:1（カタログ全体を統一） | プラットフォーム上限は 5000 × 5000 px または 25 megapixels；ファイルサイズは 20 MB 未満。 |
| コレクション画像 | 2048 × 2048 px | — | 1:1（またはテーマのコレクション比率） | 全コレクションで同じ比率を使い、グリッドの整列を保ちます。 |
| 対応フォーマット | 写真は JPEG または WebP、透過のあるグラフィックは PNG | — | — | Shopifyは HEIC と GIF も受け付けます。CDN が最適化されたレスポンシブ版を自動で配信します。 |
Shopify ヒーロー・ロゴ・favicon のサイズ
正確な表示サイズはテーマによって異なります — 各スロットの推奨はテーマエディタで確認してください。ここではテーマ横断で安全な基準値を示します。
| 項目 | 推奨 | 最小 | アスペクト比 | 備考 |
|---|---|---|---|---|
| ヒーロー／スライドショー画像 | 1920 × 1080 px (16:9) | — | 16:9（テーマ依存） | フル幅セクションはモバイルで上下がトリミングされます — 被写体は中央に配置してください。 |
| ロゴ | retina 画面向けに表示サイズの 2× でアップロード | — | — | 表示サイズはテーマで設定されます。透過 PNG が標準です。 |
| Favicon | 32 × 32 px | — | 1:1 | Shopifyがアップロード画像を 32 × 32 px に縮小します。 |
| ブログ／アイキャッチ画像 | 1920 × 1080 px | — | 16:9 | 比率を1つに統一すると、ブログのグリッドでレイアウトシフトを防げます。 |
カタログの一貫性を保つ（ズームも維持する）
カタログ全体を1つの正方形サイズに標準化する
サイズが混在すると、商品グリッドが雑然として見えます。すべての商品画像を同じ 2048 × 2048 px の正方形にリサイズし、商品を引き伸ばすのではなく、余白追加や背景の再生成で合わせてください。
800 px 以下の画像は絶対に使わない
Shopifyのテーマはおおむね 800 × 800 px 未満だとズームを無効化します。ズームは購入者が素材やディテールを確認する場なので、商品は 2048 px を書き出しの下限として扱ってください。
圧縮はShopifyのCDNに任せる
Shopifyはレスポンシブな最適化版（WebP を含む）を自動生成して配信します。過度に事前圧縮せず、クリーンで高解像度の元画像をアップロードしてください — 小さすぎるアップロードではCDNが最適化しようがありません。
ヒーローのモバイルでのトリミングに注意する
フル幅のヒーローセクションはスマホで大きくトリミングされます。被写体とテキストのセーフエリアはフレーム中央に置き、公開前にモバイル幅でセクションをプレビューしてください。
ついでに alt テキストも書く
Alt テキストは Google Images のランキング要因であり、アクセシビリティ上の要件でもあります。キーワードの羅列ではなく、商品を説明してください。
1枚ずつではなく一括でリサイズする
サイズが混在したカタログはバッチ処理の対象です。すべてのSKUを同じリサイズ＋余白追加（またはクリーン背景での再生成）工程に通し、新規アップロードもデフォルトで仕様どおりになるようにしてください。
カタログ全体をShopify仕様にリサイズ
商品写真をアップロードして一貫したセットを書き出し — クリーン背景、正確な 2048 × 2048 px の正方形、さらに同じ元画像からライフスタイル用とヒーロー用のトリミングも作成。月額 $19 から。
よくある質問
Shopifyの商品に最適な画像サイズは？
2048 × 2048 px の正方形です。ズームのしきい値を十分に上回り、retina 画面でもシャープに表示され、Shopifyの 25-megapixel と 20 MB の上限を大きく下回ります。
Shopifyが許可する最大画像サイズは？
5000 × 5000 px、または合計 25 megapixels までで、ファイルサイズは 20 MB 未満です。どちらかの上限を超える画像はアップロードに失敗します。
Shopifyが画像を受け付けないのはなぜ？
ほとんどの場合、3つの制限のどれかです：25 megapixels 超（幅 × 高さ）、20 MB 超のファイル、または非対応フォーマット。どちらの辺も 5000 px を超えないようにリサイズし、JPEG、PNG、または WebP で書き出してください。
Shopifyの商品画像のアスペクト比は何にすべき？
商品とコレクションは、テーマ横断の慣例として 1:1 の正方形です。ヒーローやバナーは通常 16:9 かそれ以上に横長ですが、正確な比率はテーマが決めます — テーマエディタのスロットごとの推奨を確認してください。
Shopifyは画像を自動で圧縮しますか？
はい。ShopifyのCDNがレスポンシブ版を生成し、WebP のようなモダン形式も自動で配信します。手元にある最良の元画像をアップロードし、事前に強く圧縮しないでください。
Shopifyのヒーロー画像はどのサイズにすべき？
フル幅のヒーロー／スライドショーセクションには 1920 × 1080 px（16:9）が安全な基準です。テーマによって別の比率を推奨する場合があります — テーマエディタがセクションごとの理想サイズを表示します。
Shopify向けに商品画像をリサイズするには？
商品を引き伸ばしたり切り抜いたりせず、すべての画像を同じ正方形キャンバス（2048 × 2048 px）にリサイズして余白で合わせてください。カタログ全体ならバッチ処理にします：AI 商品写真ツールなら、各SKUをクリーンな背景で正確な寸法に一括で再生成できます。
Shopifyのコレクション画像はどのサイズにすべき？
商品画像に合わせてください：2048 × 2048 px の正方形、またはテーマのコレクショングリッドが使用する単一の比率です。正確な数値より一貫性のほうが重要です。
公式リファレンス： Shopify Help Center: Product media types