結論
Shopifyの画像がぼやける主な原因は、元の画像ファイルが小さいことや、テーマによって想定以上に拡大表示されることです。商品の表示サイズがばらつく場合は、画像の縦横比が統一されていません。「大きすぎる」場合は、通常、テーマ設定かファイルサイズが原因です。画像が表示されない場合は、ファイルの問題、またはバリエーションやテーマの設定ミスが主な原因です。
画像がこれらのルールに適合するか無料でチェックShopifyの商品画像がぼやける
Shopifyで表示できる画像の精細さは、アップロードした画像の品質に左右されます。次の項目を順番に確認してください：
- 元のファイルを確認してください。長辺は2048ピクセル程度を目安にしてください。
- 画像だけをフルサイズで開いてください。その状態でもぼやけている場合は、元の写真に問題があります。
- すでに圧縮された画像や、別のウェブサイトからダウンロードした画像の再アップロードは避けてください。
- レイアウトによっては画像が拡大表示されるため、テーマの商品メディア設定を確認してください。
- 高精細な画面ほど画像のぼやけが目立つため、パソコンだけでなくスマートフォンでも確認してください。
商品画像の表示サイズがそろわない
これは通常、ピクセル数ではなく縦横比の問題です。Shopifyでは、メイン画像を同じサイズで表示するために、すべての画像の縦横比をそろえることを推奨しています。
- すべての商品のメイン画像で、1:1などの同じ縦横比を使用してください。
- サイズや比率が合わない画像は、引き伸ばすのではなく背景に余白を追加して、再度書き出してください。
- テーマの設定で、商品カードの画像比率を指定する項目を探してください。多くのテーマでは、画像をトリミングしたり、枠内に収めたりして、形を統一できます。
- 商品を並べたときに統一感が出るよう、画像内での商品サイズをそろえてください。
商品画像が大きすぎる
「大きすぎる」には、2つの意味があります：
- ページ上で大きく表示されすぎる場合：テーマのレイアウトに関する問題です。テーマの商品ページ用のメディアサイズや幅の設定を確認してください。
- ファイルが重くて読み込めない場合：ファイルサイズが必要以上に大きくなっています。約2048ピクセルにリサイズし、圧縮してからアップロードしてください。
- アップロード時に拒否される場合：Shopifyの上限は5000 × 5000ピクセル、25メガピクセルで、ファイルサイズは20 MB未満である必要があります。
商品画像が表示されない・読み込まれない
- Shopifyが対応しているファイル形式であることを確認し、JPEGまたはPNGとして再度書き出してみてください。
- 管理画面で商品を開き、アップロードが完了して画像が登録されていることを確認してください。
- 特定の選択肢だけで誤った画像が表示される場合は、各バリエーションに割り当てられている画像を確認してください。
- 古いバージョンが表示されている可能性があるため、ブラウザーのキャッシュを削除するか、プライベートウィンドウで確認してください。
- デフォルトのテーマで表示を確認してください。画像が表示される場合は、現在のテーマかアプリに問題があります。
ストア全体で画像が一斉に表示されなくなった場合は、設定などを変更する前にShopifyのステータスページを確認してください。
よくある質問
Shopifyの画像がぼやけるのはなぜですか？
多くの場合、元のファイルが小さすぎるか、アップロード前に圧縮されています。2048ピクセル程度の元画像を使用してください。
Shopifyのすべての商品画像を同じサイズにするにはどうすればよいですか？
すべてのメイン画像で縦横比を統一してください。多くのテーマでは、設定で画像を同じ形にトリミングすることもできます。
Shopifyの画像はどのサイズにすればよいですか？
正方形の画像は2048 × 2048ピクセルです。詳しくはShopifyの画像サイズガイドをご覧ください。
出典
各プラットフォームのルールは変更されるため、アップロード前に出品者アカウントで最新の要件を確認してください。