テクニカルガイド
Shopify 製品画像サイズ: 2026 年完全ガイド
画像サイズが間違っていると、次の 2 つの方法で Shopify ストアが機能しなくなります: ぼやけた写真 プロフェッショナルらしくないと思われるファイルや、ページの速度が遅くなる大きすぎるファイル 這う。このガイドでは、必要なすべての画像サイズ、製品について説明します。 写真、コレクション、バナー、ソーシャル共有 - 正確な情報 2026 年に機能するピクセル サイズ。
By Prodofoto Team • 9 min read• Published March 1, 2026
簡単な答え
The ideal Shopify product image size is 2048 × 2048 ピクセル 正方形 (1:1) 形式。これ すべてのデバイスでズームを有効にし、Retina スクリーンで鮮明に表示します。 20 MB のファイル制限を超えないようにします。使用する WebP または JPEG format, keep files under 200 KB をそれぞれ、維持します カタログ全体で一貫した寸法を実現します。
Shopify 製品画像のサイズ: 数字
Shopify は、最大 5000 × 5000 ピクセル、1 枚あたり 20 MB の画像を受け入れます ファイル。ただし、「最大許容値」は次のことと同じではありません。 「お勧めします。」具体的な寸法は次のとおりです。 品質、ズーム機能、ページ速度のバランスを整えます。
| 画像タイプ | 推奨サイズ | アスペクト比 | 最大ファイル サイズ |
|---|---|---|---|
| 製品写真（プライマリー） | 2048 × 2048 | 1:1 (正方形) | 200 KB |
| 製品写真（縦） | 2048 × 2560 | 4:5 | 250 KB |
| コレクション画像 | 2048 × 2048 | 1:1 | 200 KB |
| ヒーロー / スライドショー バナー | 2880 × 1000 | ~3:1 | 300 KB |
| Logo | 512 × 512 | 1:1 | 50 KB |
| Favicon | 32 × 32 | 1:1 | 5 KB |
| OG / ソーシャルシェア画像 | 1200 × 630 | ~1.9:1 | 150 KB |
2048px のスイート スポットには理由があります。十分な大きさです デスクトップ上で Shopify の組み込みズームを有効にし、鮮明に表示します 網膜モバイルスクリーン。でも膨らむほど大きくはない ページの読み込み時間。 2048px を超えると、ファイル サイズが追加されますが、 現在のデバイスでは目に見える品質の向上が見られます。
一貫性ルール: すべての商品画像 カタログでは同じ寸法とアスペクト比を使用する必要があります。 サイズが混在すると、コレクション ページのグリッドが不均一になり、見た目が不均一になります。 専門的ではなく、視覚的なスキャンパターンを壊します。 1 つ選択してください サイズを決めてそれに固執します。
アスペクト比: どちらを使用するべきですか?
アスペクト比によって商品画像の表示方法が決まります コレクション グリッド、製品ページ、検索結果全体にわたって。 間違った選択をすると、Shopify が画像を自動的にトリミングします - 多くの場合 重要な商品詳細を切り取る。
| Ratio | 最適な用途 | Pros | Cons |
|---|---|---|---|
| 1:1 (正方形) | ほとんどの製品タイプ | ユニバーサルな互換性、クリーンなグリッド | 背の高い商品は小さく見える場合がございます |
| 4:5 (ポートレート) | ファッション、ボトル、背の高いアイテム | 製品の詳細を表示する縦方向のスペースを増やす | すべてのテーマがネイティブにサポートしているわけではありません |
| 3:2 (風景) | 幅広い商品、ライフスタイルシーン | 自然なカメラフォーマット、編集感覚 | 正方形のカタログと矛盾します |
私たちの推奨事項: 1:1 (正方形) から始めてください。 カタログ全体を。すべての Shopify テーマで動作します。 ソーシャルプラットフォームやあらゆるマーケットプレイス。主に販売する場合 ファッションや背の高い商品の場合、4:5 のポートレートを使用すると、より縦長になります 不動産 — ただし、テーマが不動産を使用せずに処理できることを確認してください。 まず厄介なトリミング。
同じ商品ページでも、モバイルとモバイルでは表示が大きく異なります。 デスクトップ — 画像は両方で動作する必要があります。
ファイル形式と圧縮: WebP、JPEG、PNG
適切なファイル形式を選択することは、ファイル形式を選択することと同じくらい重要です。 適切な寸法。間違った形式を使用すると、ファイル サイズが 2 倍になる可能性があります 目に見える品質の向上が見られないまま。
| Format | 最適な用途 | 一般的なサイズ (2048px) | ブラウザのサポート |
|---|---|---|---|
| WebP | すべて (2026 年のデフォルトの選択) | 80-150 KB | 97% 以上のブラウザ |
| JPEG | 複雑な色のグラデーションのある写真 | 120-250 KB | 100% |
| PNG | ロゴ、透明度のあるグラフィック | 400-800 KB | 100% |
| AVIF | 新しいオプション、最高の圧縮 | 50-100 KB | ~92% のブラウザ |
2026 年の勧告: WebP としてアップロード 品質80-85。これにより、ファイル サイズと ビジュアルクオリティ。 Shopify はサポート対象に WebP も自動提供します JPEG をアップロードする場合でも、WebP を直接アップロードする場合はブラウザーにアップロードします。 圧縮設定を完全に制御できます。
製品写真の PNG をアップロードしないでください。 2048×2048の製品写真 PNG として保存すると 600 ～ 800 KB に達する可能性があり、その 3 ～ 4 倍の大きさになります WebP の同じ画像よりも。 PNG はロゴやグラフィック用です。 商品写真ではなく、透明性です。
左: 適切に圧縮された (WebP、120 KB)。右: 過圧縮 (JPEG 品質 20、目に見えるアーティファクト)。
モバイルの最適化: 最も販売が行われる場所
Shopify トラフィックの 70% 以上がモバイル デバイスからのものです。あなたの 製品画像は 4G 接続で高速に読み込まれ、見た目が良くなる必要があります。 高密度の網膜スクリーンで鮮明に表示されます。最適化する方法は次のとおりです 両方にとって。
- 1.モバイルでは画像あたり 150 KB を目標とします。 A 150 KB の 6 つの画像を含む製品ページは 2 未満でロードされます 一般的な 4G 接続では数秒です。それぞれ 400 KB では、 同じページに 5 秒以上かかる - 訪問者の 53% を失う 3 秒後 (Google)。
- 2.Shopify のレスポンシブ画像 srcset を使用します。 Modern Shopify themes automatically serve smaller image variants to mobile devices. But this only works well if your original is 2048px — too small and the theme cannot generate clean downsized variants.
- 3.実際のデバイスでテストします。 Chrome デベロッパーツール モバイルシミュレーションだけでは十分ではありません。ミッドレンジの Android を借りる 実際の 4G 接続で製品ページを電話してテストします。 フラッグシップiPhoneと200ドルのiPhoneとの経験の差 Androidは巨大です。
- 4.スクロールせずに見える画像を遅延読み込みします。 のみ 最初の製品イメージはすぐにロードする必要があります。画像 2 ～ 8 買い物客がスクロールするときに遅延読み込みする必要があります。最新のShopify テーマはこれを自動的に処理しますが、 テーマの設定。
For a deeper dive into mobile-specific product photo optimization, see our guide on 商品写真がコンバージョン率に与える影響.
ストアに損害を与える画像のサイズ変更に関する 6 つの間違い
1. 製品間でのアスペクト比の混合
コレクション ページほど素人っぽく見えるものはありません。 製品カードの高さはすべて異なります。比率を 1 つ選択し、 それを全店で強制します。既存の製品をお持ちの場合は、 混合比率を使用して、一度にすべてのサイズをバッチ変更する - 価値があります 午後。
2. 携帯電話カメラのオリジナル (4000 ピクセル以上) をアップロードします
最近の携帯電話のカメラは 4032 × 3024 以上で撮影します。これら ファイルはそれぞれ 3 ～ 5 MB です。 Shopifyはその場でサイズを変更しますが、 オリジナルは引き続きストレージにカウントされます。 初期アップロードが遅い。アップロードする前にサイズを 2048px に変更してください。
3. 製品写真に PNG を使用する
私たちはこれを常に目にしています。 2048×2048 の製品写真として保存 PNG は通常 600 ～ 800 KB です。 WebP と同じイメージ 品質 82 は 100 ～ 150 KB で、目に見える品質の違いはありません。 つまり、無料で 5 倍のサイズ縮小になります。
4. Shopify のズームしきい値を無視する
If your product images are below ~1600px on either dimension, Shopify's zoom either looks blurry or does not activate at all. Desktop shoppers expect to zoom into texture and detail. Without zoom, you are leaving コンバージョンを阻害するギャップ in your product experience.
5. 画像に代替テキストを使用しない
Image SEO is real. Google Images drives significant traffic to Shopify stores. Every product image should have descriptive alt text that includes the product name and relevant keywords. "IMG_4382.jpg" is not alt text.
6. 商品ごとに画像は 1 ～ 2 枚のみ
Research shows that going from 1 image to 1 製品あたり 6 ～ 8 枚の画像 dramatically increases conversion. The sizing guide does not help if you do not have enough images to fill your gallery. More variety — lifestyle shots, close-ups, scale references — means more reasons for shoppers to buy.
3 つの形式の同じ製品写真 - ファイル サイズでは WebP が勝ります 毎回。
AI を使用して適切なサイズの製品写真を生成
画像全体の手動によるサイズ変更と最適化 カタログは面倒です。そして、ほとんどのShopifyにとってさらに大きな問題は そもそも販売者は十分な画像を持っていません。 最適な順序での
Tools like Prodofoto solve both problems at once. Upload a single product image and get back 4 AI-generated lifestyle variants — all properly sized at 1024×1024, ready for your Shopify product gallery. The generated images maintain consistent dimensions, so your collection grid stays clean.
The workflow takes 60 seconds per product. Instead of spending hours on a photoshoot and then more hours resizing images for different placements, you start with one clean product shot and end with a の完全なギャラリー.
For a step-by-step walkthrough, check our Prodofoto チュートリアル or learn how to AI ライフスタイル写真を 60 秒で生成.
画像サイズについて心配する必要はありません。販売を開始します。
Prodofoto は適切なサイズの、すぐに変換可能な製品を生成します 単一の画像からの写真。一貫した 4 つのライフスタイル バリエーション 寸法、製品ごとに 60 秒。
よくある質問
Shopify 商品画像の推奨サイズはどれくらいですか?
Shopify では、正方形の商品画像には 2048x2048 ピクセルを推奨します。これは、デスクトップのズーム機能と Retina モバイル ディスプレイの鮮明なレンダリングのスイート スポットです。許可される最大値は 5000x5000 ピクセルで、ファイル サイズの制限は 20 MB です。
Shopify 製品の写真にはどのアスペクト比を使用する必要がありますか?
正方形 (1:1) は、切り取られることなくすべての Shopify テーマで機能するため、最も安全なデフォルトです。一部のテーマは 4:5 (ポートレート) や 3:2 (ランドスケープ) などのカスタム比率をサポートしていますが、1:1 にすることでカタログ全体の一貫性が確保されます。
Shopify 製品の写真に最適な画像形式は何ですか?
WebP は、2026 年の Shopify にとって最適な形式です。JPEG よりも 25 ～ 35% 小さいファイルを同等の品質で生成します。 Shopify は、サポートされているブラウザーに WebP を自動的に提供します。 JPEG または PNG としてアップロードすると、Shopify が変換を処理するか、最大限の制御のために WebP を直接アップロードします。
Shopify 製品画像でズームを有効にするにはどうすればよいですか?
画像が 2048x2048 ピクセル以上の場合、Shopify は自動的にズームを有効にします。最新のテーマのほとんどには、ホバーまたはクリック時のズーム機能が組み込まれています。画像がどちらの寸法でも 1600 ピクセル未満の場合、ズームはぼやけて見えるか、完全に無効になります。
画像ファイルのサイズはShopifyのページ速度に影響しますか?
はい。画像データが 100 KB 増えるごとに、4G モバイル接続でのページの読み込みに約 0.2 秒かかります。商品ページに 6 ～ 8 枚の画像がある場合、写真が最適化されていないと読み込み時間が 2 ～ 3 秒かかる可能性があり、これはコンバージョン率と Google ランキングに直接影響します。
Shopify にアップロードする前に画像のサイズを変更する必要がありますか?
はい。 4000 ピクセル以上のオリジナルではなく、正確に 2048x2048 (またはテーマの推奨サイズ) でアップロードしてください。 Shopify は画像のサイズをその場で変更しますが、適切なサイズのオリジナルから始めると、品質をより細かく制御でき、アップロード時間が短縮されます。
Shopify のコレクションとバナー画像のサイズはどうなりますか?
コレクション画像: 2048x2048 (正方形) または 2048x1024 (風景)。ヒーロー バナー: 全幅の場合は 2880x1000、含まれるレイアウトの場合は 1920x800。スライドショー画像: 2560x1440 (16:9)。特定のテーマのドキュメントを常に確認してください。