成功
バナーに推奨される画像サイズは？
フル幅、モバイル、複数列レイアウトに適したサイズの、鮮明で軽量なバナー画像を選択します。
フル幅の画像
Section titled “フル幅の画像”フル幅のバナーには、72 dpiで幅1600～2400 pxの画像を使用してください。高さはデザインとレイアウトに合わせて選択します。 モバイル専用のバナー画像には、72 dpiで幅640～800 pxを目安にしてください。幅320 pxほどの小さな画像も使用できますが、少し大きめの画像から始めると、縮小したときもより鮮明に表示できます。 画像のアップロードの詳細については、画像のアップロードに関するShopifyドキュメントを参照してください。 レイアウトについては、デスクトップとモバイルに合わせたバナーの調整に関するCompany XYZのドキュメントを参照してください。
複数列の画像
Section titled “複数列の画像”複数列セクション内に表示する画像は、平均表示幅の1.5～2倍程度の幅にしてください。 たとえば、2列レイアウトで平均的なフル幅が約1600 pxの場合、各列の幅はおよそ800 pxになります。幅約800 pxの画像から始めるとよいでしょう。少し大きめに丸めても問題ありません。 最適なサイズを見つけるには、試行錯誤が必要な場合があります。複数のデバイスでレイアウトを確認し、画像が適切に見えるまで調整してください。
画像ファイルを最適化する
Section titled “画像ファイルを最適化する”不必要に大きな画像ファイルは使用しないでください。過剰な画像サイズや大容量のファイルは、サイトの読み込みを遅くし、SEOに影響を与える可能性があります。 テーマではモバイル向けに画像が自動的にリサイズされますが、アップロード前に画像を圧縮すると、ファイルを軽量に保つのに役立ちます。tinypng.comは、画像を圧縮できるシンプルで無料のツールです。 詳しいガイダンスについては、オンラインストアのパフォーマンス改善に関するShopifyドキュメントを参照してください。