ブログに戻る
日本語JP
記事
Yahoo!ショッピング商品画像ガイドラインEC白抜きtutorial

Yahoo!ショッピング商品画像ガイドライン完全対応|サイズ・容量・白抜きルール

SimplyPNG
11 分で読めます
Yahoo!ショッピング商品画像ガイドライン完全対応|サイズ・容量・白抜きルール

Yahoo!ショッピング商品画像ルール

背景は白(#FFFFFF)または写真背景のみ。テキスト占有率20%以下、枠線禁止、商品中央配置(上下左右5%余白)。違反すると検索表示に影響します。


はじめに:Yahoo!ショッピングの画像ガイドラインとは

Yahoo!ショッピングでは「圧倒的に商品が探しやすい」サービスを目指し、商品画像登録ガイドラインを設けています。

ガイドラインが適用されるのは:

  • 1枚目の商品画像(メイン画像)
  • 個別商品コード画像(ファッションジャンルのみ)

商品詳細画像(2枚目以降)には適用されません。


画像の基本仕様

ファイル形式と容量

項目仕様
ファイル形式GIF / JPEG / PNG
拡張子.gif / .jpg / .jpe / .jpeg / .png
容量上限2MB/枚
推奨容量200KB〜500KB(表示速度考慮)

容量の注意点

2MBに近い大容量画像を大量に登録すると、商品ページの表示速度が遅くなります。特にスマホユーザーの離脱につながるため、画像圧縮をおすすめします。

画像サイズ

項目仕様
最大サイズ縦3024px × 横4032px
推奨サイズ正方形(1000×1000px推奨)
自動リサイズ制限超過時は長辺を制限内に縮小

ファイル名ルール

画像種類命名規則
商品画像(メイン)商品コード.拡張子a-001.jpg
商品詳細画像商品コード_1〜20.拡張子a-001_3.jpg

使用可能文字:半角英数字、-(ハイフン)、_(アンダーバー)、.(ピリオド)


商品画像のルール

背景は白または写真のみ

背景タイプ定義OK/NG
単色白背景#FFFFFF(RGB 255,255,255)でベタ塗り✅ OK
写真背景商品と一緒に撮影された背景✅ OK
白以外のベタ塗りグレー、ベージュなど❌ NG
合成背景切り抜き+別写真を合成❌ NG
グラデーション色の変化がある背景❌ NG

よくある失敗

「ほぼ白」はNGです。**必ず#FFFFFF(RGB 255,255,255)**で統一してください。グレー(#F5F5F5など)は違反になります。

枠線は使用不可

以下はすべて禁止です:

  • 4辺枠線(4辺を囲う枠線)
  • L字枠線(上下左右2辺の組み合わせ)
  • 帯状枠線(上下左右いずれか1辺)
  • ドットや小物で囲う装飾

商品配置と余白

ルール内容
配置商品を画像中央に
余白上下左右に5%以上
推奨余白左上に30%(ランキングラベル対策)
例外写真背景の場合は余白不要

テキスト要素のルール

テキスト占有率は20%まで

商品画像を100マスに等分した際、テキスト要素は20マス以下でなければなりません。

テキスト要素に含まれるもの:

  • 商品のスペック情報や特徴
  • 画像クレジット
  • 「No Image」の文字/イラスト
  • 商品以外のイラスト
  • カラーバリエーション、色見本サムネイル

テキストのNG例

以下は掲載禁止

禁止項目
商品名「○○シャンプー」など
送料表示「送料無料」「送料込み」
価格「¥1,980」「50%OFF」
ポイント「ポイント5倍」
配送情報「即日発送」「翌日届く」
他社ランキング「楽天1位」など

カテゴリ別ルール

カテゴリテキスト制限
ファッション/アクセサリーロゴ以外のテキストNG
その他上記ルール内でOK

楽天・Amazon・Yahoo比較表

項目Yahoo!ショッピング楽天市場Amazon
最大サイズ3024×4032px3840×3840px10000×10000px
推奨サイズ1000×1000px700×700px1600px以上(長辺)
容量上限2MB2MB(推奨200KB)10MB
ファイル形式GIF/JPEG/PNGGIF/JPEG(PNG非推奨)JPEG/PNG/GIF/TIFF
背景ルール白 or 写真背景白 or 写真背景純白必須(メイン)
テキスト占有率20%以下20%以下禁止(メイン)
枠線禁止禁止禁止
余白5%以上なし85%商品占有

マルチプラットフォーム運用のコツ

Amazon基準で画像を作成すれば、Yahoo!・楽天にもそのまま使い回せます。純白背景・テキストなし・高解像度で統一するのがおすすめ。


違反時のペナルティ

ガイドライン違反の画像は:

  1. 検索結果での表示順位低下
  2. カテゴリリストからの除外
  3. 「画像判定結果」欄に不適合表示

ストアクリエイターProの「画像判定結果」欄で適合/不適合を確認できます。


画像制作チェックリスト

制作前チェック

  • ファイル形式はGIF/JPEG/PNGのいずれか
  • 容量は2MB以下(推奨500KB以下)
  • サイズは3024×4032px以内
  • ファイル名は半角英数字と-_.のみ

デザインチェック

  • 背景は#FFFFFF(純白)または写真背景
  • 枠線なし
  • 商品は中央配置
  • 上下左右に5%以上の余白
  • 左上に30%の余白(推奨)
  • テキスト占有率20%以下

テキストチェック

  • 商品名を直接記載していない
  • 「送料無料」「ポイント○倍」を記載していない
  • 価格を記載していない
  • 他社ランキングを記載していない
  • ファッションカテゴリの場合、ロゴ以外のテキストなし

よくある質問(FAQ)

Frequently Asked Questions

Yahoo!ショッピングはどちらも対応していますが、**JPEG推奨**です。PNGは容量が大きくなりやすく、表示速度に影響します。透過が必要な場合のみPNGを使用し、最終的には白背景に合成してJPEGで書き出しましょう。
基本的にYES。楽天とYahoo!のガイドラインはほぼ同じ(白背景、テキスト20%以下、枠線禁止)なので、楽天用に作成した画像はYahoo!でもそのまま使えます。ただし、ファイル名のルールが異なるため、アップロード時に命名規則を確認してください。
商品によります。アパレルやインテリアは写真背景(コーディネート例)が効果的。コスメや家電は白背景で商品を明確に見せる方が効果的です。A/Bテストで検証することをおすすめします。
画像を10×10=100マスに等分し、テキスト要素が1マスでも含まれていれば1マス分としてカウントします。20マス(20%)を超えると違反です。ストアクリエイターProのチェックツールで自動判定も可能です。
ストアクリエイターProの「画像判定結果」欄で詳細を確認し、該当箇所を修正して再アップロードします。誤判定の場合は「判定結果に異議あり」から申請できます。

SimplyPNGでYahoo!画像を量産する

SimplyPNGを使えば、Yahoo!ショッピング対応の商品画像を効率的に作成できます。

White Backgroundプリセット

設定
背景色#FFFFFF(純白)
出力形式JPEG
JPEG品質90
最大解像度4096px

バッチ処理で大量画像を一括変換

  1. 商品写真を最大50枚まで一括アップロード
  2. 「White Background」プリセットを選択
  3. 背景除去+白背景合成を自動処理
  4. ZIPでまとめてダウンロード

まとめ

チェック項目Yahoo!基準
ファイル形式GIF/JPEG/PNG
容量2MB以下
サイズ3024×4032px以内
背景白(#FFFFFF)or 写真
テキスト20%以下
枠線禁止
余白5%以上(推奨30%左上)

関連記事


参考リンク

背景除去の準備ができましたか?

SimplyPNGのAI駆動背景除去ツールを無料でお試しください。サインアップは不要です!

SimplyPNGを無料で試す →