PixConvert
All articles
How-To

ECサイト向け商品画像の準備方法(Amazon・Shopify・Etsy対応)

Amazon、Shopify、Etsyに対応した商品画像の準備手順を解説します。サイズ要件、背景の削除、圧縮、最適なファイル形式まで、順を追ってご紹介します。

PixConvert Team

1 min read

ECサイト向けに商品画像を準備する方法

商品画像は、オンラインでの購入判断に最も大きな影響を与える要素です。買い物客は商品に触れることも、においを嗅ぐことも、試すこともできません。その感覚的な役割をすべて画像が担っています。Shopifyの調査でも、画像の品質と種類の豊富さがコンバージョン率に直接影響することが一貫して示されており、高品質な画像は低品質な画像に比べて購入意欲を30~40%高めます。

画像を正しく準備することは、出品がルールに適合した状態を保つことにもつながります。Amazonは画像ガイドラインに違反した出品を非表示にします。Etsyでは、低解像度の画像を使った出品の検索での表示が下がることがあります。画像を適切に準備することは任意ではなく、最低限の条件です。

Amazonの商品画像の要件

Amazonは主要なマーケットプレイスの中で最も画像要件が厳しく、違反すると出品が非表示になります。

メイン画像(ヒーロー画像)のルール:

  • 背景は純白にします。RGB値は255, 255, 255である必要があります(オフホワイトや明るいグレーは不可)
  • 商品が画像フレームの85%以上を占める必要があります
  • 長辺は最低1000pxです(ズーム機能のため。2000pxを推奨します)
  • どの辺も最大10,000pxです
  • JPEG形式が強く推奨されます。TIFFとPNGも使えますが、標準はJPEGです
  • ウォーターマーク、テキスト、枠線、追加のグラフィックは使えません
  • アパレルではマネキンは使えません。平置きまたはモデル着用の写真を使います

追加画像のスロット(合計9枚まで):

  • ライフスタイル画像、クローズアップ、サイズ表、インフォグラフィックを掲載できます
  • サブ画像では白背景は必須ではありません
  • 最小サイズの条件は同じです

ファイルサイズ: Amazonは1枚あたり10 MBまで受け付けますが、アップロード処理を速くするために2 MB未満を目指しましょう。

Shopifyの商品画像の要件

ShopifyはAmazonより柔軟ですが、ストアフロントのパフォーマンスに影響する強い推奨事項があります。

推奨仕様:

  • 正方形(1:1)のアスペクト比にします。Shopifyが推奨する目標サイズは2048x2048pxです
  • 写真にはJPEGを使います(品質とファイルサイズのバランスが最も良い形式です)
  • グラフィック、ロゴ、透過が必要な画像にはPNGを使います
  • 最大ファイルサイズは20 MBです(ただし、ページを速く表示するには1 MB未満に抑えましょう。詳しくは後述します)
  • sRGBカラープロファイルを使います(印刷用のCMYKは使いません)

なぜ正方形の画像なのか? Shopifyのテーマは、正方形の商品グリッドを前提に設計されています。正方形でない画像は、白い余白付きのレターボックス表示になるか、トリミングされます。しかも、その結果はテーマやデバイスによって一貫しないことがよくあります。最初から正方形で撮影するか、正方形にトリミングしておけば、この問題を避けられます。

Shopifyストアでは、可能であればWebP版もアップロードしましょう。ShopifyのCDNは、対応ブラウザに自動でWebPを配信します。ただ、WebPを直接アップロードすれば、元画像の品質を自分で管理できます。

Etsyの出品写真の要件

Etsyの技術的な要件は緩めですが、検索パフォーマンスに影響する強いガイダンスがあります。

要件と推奨事項:

  • 短辺は最低2000pxです
  • 推奨アスペクト比は5:4です(1500x1200pxまたは2500x2000px)
  • JPEGまたはPNGが使えます
  • sRGBカラープロファイルを使います
  • 最大ファイルサイズは1枚あたり1 MBです(これより大きいファイルはEtsyが自動でリサイズするため、品質が下がることがあります)
  • 1出品につき最大10枚の写真を掲載できます。検索での表示を良くするために、10枚すべてを使いましょう

Etsy特有のコツ: 1枚目の画像は、検索結果のサムネイルになります。小さいサイズでも見栄えが良い必要があるため、ごちゃごちゃした構図や、サムネイルにすると読めなくなるテキストは避けましょう。また、Etsyのアルゴリズムは、購入者が複数の写真を見てくれる出品を優遇します。そのため、さまざまな角度の写真や使用シーンの写真を用意すると、順位は確実に上がります。

商品画像の標準ワークフロー

プラットフォームにかかわらず、準備のワークフローは同じです。

ステップ1: 元の画像を撮影または用意する 自然光の下か、ライトボックスを使って撮影します。カメラが対応する最高の解像度を使いましょう。可能であれば白または無地の背景で撮影してください。後処理が簡単になります。

ステップ2: 背景を削除する 商品だけの写真では、背景を削除して、白または透明のすっきりした画像にします。PixConvertの背景削除ツールなら、この作業をブラウザ内で行えます。商品写真はローカルで処理され、サーバーにアップロードされることはありません。Amazonでは、背景削除後に透明部分を純白(255,255,255)に置き換えます。Shopifyやデザイン用途では、PNG形式で透明を保ちます。

ステップ3: プラットフォームの仕様に合わせてリサイズする 目標のサイズにリサイズします。PixConvertの画像リサイズツールを使えば、ピクセル単位で正確なサイズに調整できます。Amazonでは長辺を最低2000pxにします。Shopifyでは2048x2048pxの正方形にします。Etsyでは2500x2000pxなど、5:4に近い比率にします。

ステップ4: Web配信用に圧縮する ファイルサイズはページの読み込み速度に直接影響し、それがコンバージョン率にも影響します。Shopifyのページに4 MBの商品画像があるのは、パフォーマンス上の問題です。1枚あたり500 KB未満、理想的には300 KB未満を目標にしましょう。

ファイルサイズを減らすには、PixConvertの画像圧縮ツールを使います。写真の場合、JPEG品質を80~85%にするのが最適です。見た目は元画像とほぼ同じで、ファイルサイズは約4分の1になります。

ステップ5: 適切な形式に変換する

  • Amazonの出品: JPEG
  • Shopify: 写真にはJPEG、グラフィックにはPNGを使います。CDNの最適化のために、WebPも書き出すことを検討してください
  • Etsy: ほとんどの画像にはJPEG、透過が必要な場合はPNGを使います

透過が必要な場合はPixConvertのJPG to PNGコンバーターで、Web配信を最適化したい場合はPNG to WebPで、形式を変換できます。

SEOのためのファイル名の付け方

アップロードする前に、ファイル名を変更しましょう。ファイル名はSEOのシグナルになります。特にGoogle画像検索では、ECでの商品の発見が大きな割合を占めています。

悪い例: IMG_2847.jpg、product_001.jpg、final_v3_FINAL.jpg

良い例: handmade-leather-wallet-brown.jpg、ceramic-coffee-mug-12oz-white.jpg、womens-linen-trousers-navy-size-12.jpg

商品名と主な属性(色、サイズ、素材)を含め、必要に応じてブランド名も加えた、わかりやすくハイフンでつないだ名前を使います。名前は60文字以内に収めましょう。スペースや特殊文字は使わないでください。

カラープロファイル: sRGBは必須

Web向けの画像には、sRGBカラープロファイルを使う必要があります。CMYKは印刷用の色空間であり、ブラウザは正しく表示できないため、色がくすんだり、ずれたりして見えます。プロのカメラマンや印刷スタジオから画像を受け取る場合は、sRGBで書き出すよう明確に依頼しましょう。

ほとんどのスマートフォンのカメラや一般向けのデジタル一眼レフは、デフォルトでsRGBで撮影します。アップロードする前に、Photoshop(編集 > プロファイル変換 > sRGB IEC61966-2.1)やお使いの画像編集ソフトで確認してください。

大量のカタログを一括処理する

数百、数千のSKUを持つストアを立ち上げる場合、画像を1枚ずつ手作業で準備するのは現実的ではありません。PixConvertは一括処理に対応しています。複数のファイルをドラッグして追加し、同じ圧縮設定や変換設定を適用して、結果をZIPでダウンロードできます。

たとえば、500枚の商品画像をPNGから圧縮したJPEGに移行するようなカタログ移行では、一括変換によって何時間も節約できます。カテゴリや商品タイプごとに画像をグループ分けして処理すると、作業を整理しやすくなります。

1 MBルール

プラットフォームにかかわらず、公開中のストアフロントでは、商品画像を1枚たりとも1 MBを超えてはいけません。ほとんどの画像は500 KB未満にするべきです。読み込みの遅い画像は直帰率を高め、Core Web Vitalsのスコアを下げ、コンバージョン率も下げます。適切に圧縮した2000pxのJPEG商品写真を品質80~85%で保存すれば、150~400 KBに収まります。ズームやRetinaディスプレイにも十分な品質を、元のファイルのごく一部のサイズで確保できます。