Shopify2026-04-05約4分で読めます

Shopify商品画像の最適化で表示速度とSEOを改善する方法

「商品写真はきれいに撮れたのに、ページの読み込みが遅くてお客さんに見てもらえない」

Shopifyストアを運営していると、こんな悩みにぶつかることがあります。実は、ECサイトにおいてページの重さの半分以上を占めているのが 画像ファイル です。つまり、画像の最適化はストアの表示速度を改善するもっとも効果的な手段といえます。

わたしがストアの速度改善に取り組んだとき、画像のリサイズと圧縮だけでPageSpeed Insightsのスコアが目に見えて改善した経験があります。難しいコードの修正は不要で、今日からすぐに始められる対策ばかりです。

この記事では、Shopifyの 商品画像を最適化して表示速度とSEOを改善する具体的な方法 をまとめました。

50〜70%

ページ容量に占める画像の割合

ECサイトではページの重さの大半が画像

53%

モバイルユーザーの離脱率

読み込みに3秒以上かかると半数以上が離脱

25〜35%

WebPの圧縮効果

JPEGと同等の画質でファイルサイズを削減

なぜ商品画像の最適化が重要なのか

画像の最適化が大切な理由は、大きく3つあります。

01
表示速度が上がり、離脱を防げる
ページの読み込みが遅いと、お客さんは商品を見る前にストアを離れてしまいます。画像を軽くするだけで体感速度が大きく変わり、離脱率の低下につながります。
02
SEO評価が改善する
Googleは Core Web Vitals をランキング要因に組み込んでいます。画像の最適化はLCP（最大コンテンツの表示速度）やCLS（レイアウトのズレ）に直接影響するため、検索順位にも関わってきます。
03
コンバージョン率が上がる
画像の最適化によってページ読み込み時間が短縮されると、コンバージョン率が10〜25%改善するというデータもあります。お客さんがストレスなく買い物できる環境は、売上に直結します。

まずは、Shopifyでの画像の基本ルールを押さえておきましょう。

WebP（ウェッピー）: Googleが開発した画像フォーマット。JPEGやPNGと比較して、同等の画質でファイルサイズを25〜35%小さくできます。2026年現在、主要ブラウザの95%以上が対応しています。

Shopifyは、アップロードされた画像をCDN（コンテンツ配信ネットワーク）経由で自動的に WebPやAVIF形式に変換 して配信してくれます。そのため、JPEGでアップロードしても、対応ブラウザには自動的に軽量なフォーマットで表示されます。

Shopifyが自動でWebP変換してくれるとはいえ、元の画像が大きすぎると変換後も重くなります。アップロード前にリサイズと圧縮をしておくことで、最大限の効果が得られます。

では、実際にどのように画像を最適化すればいいのか。手順をまとめます。

1
画像を適切なサイズにリサイズする
撮影した写真をそのままアップロードするのはNGです。一眼レフやスマートフォンで撮影した画像は4000〜6000px以上あることが多いので、2048px以内にリサイズしましょう。macOSの「プレビュー」やWindowsの「ペイント」でも簡単にリサイズできます。
2
画像を圧縮する
リサイズした画像をさらに圧縮します。JPEGなら品質80〜85%に設定すると、見た目の劣化はほぼなくファイルサイズを大幅に削減できます。無料ツールなら TinyPNG や Squoosh がおすすめです。
3
ファイル名をわかりやすくする
「IMG_0123.jpg」のような名前ではなく、「navy-leather-tote-bag.jpg」のように商品を説明する名前に変更しましょう。Googleはファイル名も検索の手がかりにしています。
4
Shopifyにアップロードしてalt属性を設定する
商品画像をアップロードしたら、必ず alt属性（代替テキスト）を設定します。管理画面で商品画像をクリックし、「代替テキスト」の欄に画像の内容を具体的に入力してください。