--- title: "WooCommerce 向けの商品写真を白背景で | Herofab" description: "商品のスマホ写真が、白背景の正方形パックショットに。WooCommerce の単一商品、カタログ、サムネイルの各サイズに足りる大きさです。" url: https://herofab.app/ja/tools/product-photos-for-woocommerce language: ja updated: 2026-10-12 --- # 一枚のパックショットから、WooCommerce の三つの画像サイズへ。 WooCommerce は、一つのアップロードから表示用のサイズを生成します。単一商品画像、カタログ画像、サムネイルで、それぞれの寸法はテーマが決めます。Herofab の白背景の物撮りツールは、スマホ写真から商品だけを白いスタジオ背景で、2Kまたは4Kで納品し、これは WooCommerce が推奨するアップロードサイズを上回ります。 [無料で始める](https://app.herofab.app/login?lang=ja) · [白背景の物撮り](https://herofab.app/ja/tools/packshot-studio) ![白いスタジオ背景に置かれた、ブラウンのレザートートバッグだけの正面写真](https://herofab.app/img/ex/tote-packshot-1100.webp) Herofab で作成 · 白背景の物撮り ## テーマが商品画像に行うこと。 1. ### 一つのアップロードから三つのサイズ WooCommerce は三種類の画像を扱います。単一商品画像、ショップページなどの商品ループに表示されるカタログ画像、そして商品サムネイルです。いずれもアップロードした画像から生成されます。WooCommerce はアップロードの最小サイズを推奨し、細かなディテールにはより大きな画像が望ましいとしています。Herofab の2Kと4Kの出力は、どのアスペクト比でもそのサイズを上回ります。 2. ### カタログのトリミングには正方形を カタログのサムネイルは、正方形にトリミングする、任意の比率にトリミングする、トリミングしないのいずれかにでき、トリミングしない画像は不ぞろいなサイズで表示されることがあります。正方形のパックショットは、商品を切り取ることなく正方形の設定に合います。どのパックショットも商品を一つだけ、中央に、画面の大部分を占めるように写すため、ショップページの商品が同じ縮尺で並びます。 3. ### ズーム、Retina、サムネイルの再生成 Storefront テーマでは、最大の単一商品画像はズーム効果に必要なサイズになっており、Retina ディスプレイ向けには、WooCommerce はサムネイルをテーマが表示するサイズの二倍に設定することを勧めています。大きなアップロードなら、どちらにも余裕があります。新しいテーマを有効化したとき、または画像の寸法を変更したときは、既存のサムネイルを再生成する必要があります。 ## WooCommerce が求めるもの。 出典：[WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images](https://woocommerce.com/document/adding-product-images-and-galleries/)。2026年10月11日に確認。 - **推奨:** 800 × 800ピクセル以上の画像をアップロード。細かいディテールのある商品には、より大きい画像が適しています - **画像の種類:** 三種類：単一商品画像、ショップページなど商品ループ内のカタログ画像、商品サムネイル - **リサイズ:** WooCommerce は、アップロードした画像から表示用のサイズを生成します。クラシックテーマの既定では、単一商品画像は幅600ピクセル、カタログのサムネイルは幅300ピクセル、ギャラリーのサムネイルは100 × 100ピクセル - **トリミング:** カタログのサムネイルは、1:1、任意の比率、トリミングなしのいずれかに設定できます。トリミングなしの画像は、大きさが不ぞろいに表示されることがあります - **Storefront テーマ:** Storefront テーマでは、単一商品画像は最大800 × 800ピクセルで、これは同テーマのズーム効果に必要なサイズです - **Retina:** Retina ディスプレイで鮮明に表示するには、サムネイルをテーマが表示するサイズの二倍に設定します - **変更:** 新しいテーマを有効化した後や、画像サイズの設定を変更した後は、作成済みのサムネイルを再生成する必要があります [WooCommerceの商品画像の要件](https://herofab.app/ja/guides/woocommerce-product-image-size) · [画像を無料でチェック](https://herofab.app/ja/tools/image-size-checker) ## WooCommerce のパックショットに使うスマホ写真。 - 商品はまとまった形で置きます。持ち手は立て、コードやストラップは近くにまとめ、四隅に広い空きを残さず正方形を埋められるようにします。 - テーブル、手、箱、値札は写真に残っていてもかまいません。ツールは商品だけを使うよう指示されているためです。大切なのは、そのどれも商品の一部を隠していないことです。 - シャッターを押す前に、ラベルかいちばん細かい縫い目をタップしてピントを合わせます。テーマのズームは単一商品画像を拡大するため、元の写真の甘さはまずそこに表れます。 ## WooCommerce 向けの商品写真について、よくある質問。 **WooCommerce のショップでは、画像サイズごとに別のファイルが必要ですか？** いいえ。WooCommerce は、単一商品画像、カタログ画像、ギャラリーのサムネイルを、テーマが決める寸法で一つのアップロードから生成します。アップロードに求められるのは十分なピクセル数です。WooCommerce は最小サイズを推奨し、細かなディテールにはより大きな画像が望ましいとしています。パックショットは2Kで、オプションで4Kでも納品され、どちらもその推奨値を上回ります。 **カタログ画像のサイズが不ぞろいになるのはなぜですか？** WooCommerce ではカタログのサムネイルをトリミングしないままにでき、その場合、形の異なる画像が不ぞろいなサイズで表示されることがあります。解決するのは二つです。正方形または任意の比率のトリミング設定と、はじめから同じ形にそろえたアップロードです。すべての商品で正方形に注文したパックショットは、そのまま正方形の設定に合います。あとで設定を変更した場合は、サムネイルを再生成する必要があります。 **パックショットに影を付けたり、白以外の面にしたりできますか？** どちらも設定で選べます。白背景の物撮りツールでは、ソフトな接地影、影なし、映り込みを選べ、スタジオの白のほかに、グレーやベージュ、大理石、木、リネン、台座、屋外、ホームシーン、またはショップ自身の画像の上に商品を置けます。このページに挙げた WooCommerce のルールはサイズとトリミングに関するもので、背景を定めてはいないため、選択はショップに委ねられます。 **料金はいくらですか？** 画像ごとに4クレジット、4Kはさらにクレジットがひとつ追加です。消費クレジットは生成前に表示され、処理に失敗した場合はクレジットが返還されます。登録時の無料20クレジットで、このツールの画像を5枚作成できます。 [白背景の物撮り](https://herofab.app/ja/tools/packshot-studio) · [商品スタジオ](https://herofab.app/ja/tools/product-photography) · [メイン画像](https://herofab.app/ja/glossary/main-image) · [純白の背景](https://herofab.app/ja/glossary/pure-white-background) · [パックショット](https://herofab.app/ja/glossary/packshot) 商品別の作例 [Ecwid 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-ecwid) · [Etsy 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-etsy) · [Shopify 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-shopify) · [Faire 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-faire) · [Squarespace 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-squarespace) · [Wix 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-wix) · [ABOUT YOU 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-about-you) · [Trendyol 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-trendyol)