コレクション一覧の表示をそろえる
Shopify は、商品画像が同じサイズで表示されるよう、すべてのメイン画像に同じアスペクト比を使うことを勧めています。正方形、縦長、横長の写真が混在すると、コレクションページのカードの高さがそろいません。最初の写真を撮る前に比率を決め、各画像で商品の位置と余白を統一すると、後から切り抜き直す手間を避けられます。
正方形の商品画像には2,048 × 2,048ピクセルが Shopify の推奨サイズです。モデル着用の衣類には縦長の比率が合う場合もありますが、その場合はストア内のメイン画像すべてで統一します。商品の種類が並ぶ一覧をひとつのカタログに見せるには、背景と照明もそろえます。
PNG と JPEG の使い分け
Shopify は多くの商品画像にPNGを最初に勧め、次にJPEGを挙げています。TIFF、BMP、GIF、SVG、HEIC、WebPも受け付けます。PNGは単色やくっきりした輪郭を保ちやすいため、無地の背景を使う商品写真や透過が必要な画像に向いています。
細部の多い写真をPNGで保存すると、ファイルが非常に大きくなることがあります。ファイルは20 MB未満、かつ最大5,000 × 5,000ピクセルまたは25メガピクセル以内にします。軽いファイルはスマートフォンでも読み込みやすくなります。布や肌のような滑らかな階調を含む写真には、高画質のJPEGが実用的です。
拡大表示と細部を見せる
2,048 × 2,048ピクセルの正方形画像なら、購入者が質感や縫い目を拡大して確認できます。商品をフレームの大部分に収め、均等な余白を残します。大きな空白の中に商品が小さく写るとピクセルを活かせず、商品が端に触れるとコレクションページで切れて見えます。
メイン画像に加え、通常は背面、側面、素材や金具の詳細、使用中の様子を見せます。アニメーションGIFとWebPにも対応しており、商品の回転や開閉を表現できますが、アニメーションはページの容量を増やします。商品ごとにひとつにするとページを軽く保てます。