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

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×4032px | 3840×3840px | 10000×10000px |
| 推奨サイズ | 1000×1000px | 700×700px | 1600px以上(長辺) |
| 容量上限 | 2MB | 2MB(推奨200KB) | 10MB |
| ファイル形式 | GIF/JPEG/PNG | GIF/JPEG(PNG非推奨) | JPEG/PNG/GIF/TIFF |
| 背景ルール | 白 or 写真背景 | 白 or 写真背景 | 純白必須(メイン) |
| テキスト占有率 | 20%以下 | 20%以下 | 禁止(メイン) |
| 枠線 | 禁止 | 禁止 | 禁止 |
| 余白 | 5%以上 | なし | 85%商品占有 |
マルチプラットフォーム運用のコツ
Amazon基準で画像を作成すれば、Yahoo!・楽天にもそのまま使い回せます。純白背景・テキストなし・高解像度で統一するのがおすすめ。
違反時のペナルティ
ガイドライン違反の画像は:
- 検索結果での表示順位低下
- カテゴリリストからの除外
- 「画像判定結果」欄に不適合表示
ストアクリエイター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 |
バッチ処理で大量画像を一括変換
- 商品写真を最大50枚まで一括アップロード
- 「White Background」プリセットを選択
- 背景除去+白背景合成を自動処理
- ZIPでまとめてダウンロード
まとめ
| チェック項目 | Yahoo!基準 |
|---|---|
| ファイル形式 | GIF/JPEG/PNG |
| 容量 | 2MB以下 |
| サイズ | 3024×4032px以内 |
| 背景 | 白(#FFFFFF)or 写真 |
| テキスト | 20%以下 |
| 枠線 | 禁止 |
| 余白 | 5%以上(推奨30%左上) |
関連記事
参考リンク
背景除去の準備ができましたか?
SimplyPNGのAI駆動背景除去ツールを無料でお試しください。サインアップは不要です!