ShopifyはCDNを通じて画像をホスティング・配信しますが、アップロードしたファイルを自動的に圧縮しません。5 MBの商品写真をアップロードすると、Shopifyはすべての訪問者にその5 MBのファイルをそのまま送信します。圧縮されていない8枚の写真が各5 MBの商品ページは、CDN キャッシュが機能する前に合計40 MBになります。各画像を約300 KBに事前圧縮すると、同じページが 2.4 MBに削減され、Core Web VitalsとSEOに直接影響するロード時間が劇的に改善されます。

Shopify画像サイズが重要な理由

アップロード時の自動圧縮なし：Shopifyは大きなファイルを受け入れ、そのまま配信します。CDNは元のファイルをキャッシュするだけで、低品質に再エンコードしません
Core Web Vitalsへの影響：大きな画像はLCP（Largest Contentful Paint）スコア低下の主な原因です。GoogleはLCPを直接的なランキングシグナルとして使用しています
Google PageSpeed Insights：圧縮されていないShopifyストアはモバイルで 40〜60点を記録することが多いです。すべての商品画像を圧縮すると、通常70〜85点に改善されます
モバイルショッパー：Shopifyトラフィックの70%以上がモバイルです。遅い接続での大きな画像は、コンバージョンではなくカート放棄を意味します
帯域幅の節約：ページロードからMBが削減されるたびに、平均的なモバイルネットワークで約1〜2秒節約できます

Shopify画像要件

最大ファイルサイズ：画像あたり20 MB（Shopifyは受け入れますが、この近くまでアップロードすべきではありません）
推奨アップロードサイズ：圧縮後の商品画像あたり1〜2 MB；理想的には500 KB未満
サポート形式：JPG、PNG、GIF、WebP、HEIC — ShopifyはHEICアップロードを自動的にJPGに変換します
推奨寸法：フルズーム品質には2048×2048 px；商品ページで許容できるズームには最低800×800 px
アスペクト比：一貫した商品グリッドの外観のために正方形（1:1）を推奨； Shopifyはテーマのグリッドに合わせてサムネイルをトリミングします

画像タイプ別推奨設定

商品メイン画像：2048×2048 px、JPEG品質80〜85、目標200〜500 KB。検索結果に表示され、クリック率を高める画像です
追加商品写真（角度別、ライフスタイル、ディテールショット）： 2048×2048 px、JPEG品質80〜85、各200〜400 KB
コレクションページバナー：1200×800 px以上、JPEG品質80、400 KB未満
ヒーロー/ヘッダーバナー：1920×1080 px、JPEG品質75〜80、600 KB未満
ロゴ：PNG（透明度のため）またはSVG、100 KB未満。ロゴにJPEGを使わないでください — シャープなエッジは圧縮に適していません

ShopifyにおけるJPEGとPNGとWebPの比較

JPEG：すべての商品写真とライフスタイル画像に最適な選択です。 q80〜85で優れた品質を提供し、2048 pxの画像ファイルサイズは通常200〜500 KBです。ロゴやテキストを含むグラフィックには使用しないでください
PNG：ロゴ、アイコン、透明度が必要な画像にのみ使用してください。 PNGファイルは同じ写真コンテンツのJPEGより2〜5倍大きいため、商品写真には使用しないでください
WebP：ShopifyはWebPを完全にサポートしています。サポートしていないブラウザは自動的にフォールバックを受け取ります（Shopifyがサーバーサイドで処理）。 WebPは同じ知覚品質でJPEGより25〜35%小さく、より複雑な形式に切り替えずに可能な限り小さなファイルが必要な場合に理想的です
HEIC：ShopifyはHEICアップロードを自動的にJPGに変換しますが、出力品質を自分でコントロールするために、まず自分で変換することをお勧めします

Shopify画像圧縮のステップバイステップ

2048×2048 pxにリサイズ：画像リサイズを使用して、長辺が2048 pxより大きい写真を縮小してください。2048 pxを超えると、Shopifyのデフォルトテーマではズームメリットなしにファイルサイズが増加します
リサイズした画像を圧縮：画像圧縮を使用し、商品写真のJPEG品質を80〜85に設定してください。結果を視覚的に確認してください — 商品のエッジやファブリックのテクスチャに目に見えるアーティファクトがないことを確認してください
ファイルサイズを確認：商品画像は500 KB未満、バナーは600 KB未満にする必要があります。圧縮後も商品画像が500 KBを超える場合は、品質を75に下げて再確認してください
オプション — WebPに変換：画像変換を使用して、Shopifyにアップロードする前に JPEGをWebPに変換することで、さらに25〜35%のファイルサイズ削減が可能です
Shopifyにアップロード：商品 → 商品を選択 → メディアに移動するか、バナーやロゴなどの共有アセットにはコンテンツ → ファイルを使用してください

Shopify SEOのための代替テキストとファイル名

画像圧縮は速度を改善しますが、SEOは画像のラベリング方法にも依存します：

すべての商品画像に代替テキストを追加：Shopifyで商品ページに移動 → 画像をクリック → 代替テキストを編集。商品を明確に説明してください。Googleは画像検索において商品写真を理解するために代替テキストを使用します
アップロード前の説明的なファイル名：アップロード前に商品を説明するようにファイル名を変更してください。blue-ceramic-mug-front.jpgは IMG_4829.jpgよりはるかに良いです。ShopifyはCDN URLで元のファイル名を保持します
自然にキーワードを含める：ファイル名と代替テキストに商品名、色、素材、バリアントを含めると、Googleが関連する検索に対して商品をインデックスするのに役立ちます

ページ速度への影響

圧縮されていないShopifyストアは通常、Google PageSpeed Insightsモバイルで 40〜60点を記録します
すべての商品画像を500 KB未満に圧縮後：通常70〜85点に改善されます
ページロードからMBが削減されるたびに、平均的なモバイルネットワークで約 1〜2秒節約できます
ロード時間が1秒改善されると、ECサイトのコンバージョン率が2〜5%向上する可能性があります

Shopifyマーチャントが画像でよくやる間違い

カメラの元ファイルをアップロード：24 MPのDSLR写真は多くの場合8〜15 MBです。アップロード前に必ずリサイズと圧縮を行ってください
商品写真にPNGを使用：PNG商品写真はショッパーに目に見える品質上の利点なく、JPEG相当品の3〜5倍のサイズです
モバイルパフォーマンスを無視：Google PageSpeed Insightsのモバイルタブを使用してストアをテストしてください — Shopifyトラフィックの大半はそこから来ます
代替テキストをスキップ：代替テキストがないと、Googleが商品画像を画像検索用にインデックスできず、商品ベースのストアにとって重要なオーガニックトラフィック源を失います
被写体を中央に配置しない：Shopifyテーマはグリッドの比率に合わせて商品画像をトリミングします。商品がエッジにある場合、コレクションビューでトリミングされる可能性があります

Shopify画像の最適化は、ストアに対して実行できる最も高いROIの改善の一つです。画像圧縮でファイルサイズを削減し、画像リサイズで適切な寸法にし、画像変換を使用して最大の節約のためにWebPに切り替えてください。