---
title: "スタジオシーンで作る Squarespace の商品写真 | Herofab"
description: "どんな面で撮った写真一枚も、Squarespace ストア向けのスタジオ画像やシーン画像に。2K、または Squarespace が理想とする幅には4Kで。"
url: https://herofab.app/ja/tools/product-photos-for-squarespace
language: ja
updated: 2026-10-12
---

# Squarespace の商品画像を、鮮明さを保てる幅で。

Squarespace は、ほとんどの画像に理想的な幅と、それを下回ると画像がぼやけて見えることがある幅を示しており、ストアページではすべての画像をレイアウトで設定した比率にトリミングします。Herofab の商品スタジオは、写真一枚から商品のまわりにスタジオやスタイリングしたシーンを作り、正方形、縦長、横長のいずれかで、2Kまたは4Kで納品します。

[無料で始める](https://app.herofab.app/login?lang=ja) · [商品スタジオ](https://herofab.app/ja/tools/product-photography)

![大理石のブロックに置かれた、金の透かし細工の香水瓶](https://herofab.app/img/ex/perfume-marble-1100.webp)

Herofab で作成 · 商品スタジオ

## Squarespace がアップロードされた画像に行うこと。

1. ### 幅が鮮明さを決める

   Squarespace は、ほとんどの画像についてある幅を理想とし、それより低い別の数値を下回る画像はぼやけて見えることがあると注意しています。商品スタジオの正方形の2K出力はその低いほうの数値より幅が広く、正方形の4K出力は理想の幅を上回ります。4Kは、腕時計の文字盤や印字されたラベルのように、訪問者がじっくり見る商品に向いています。
2. ### ストアページはレイアウトに合わせてトリミングする

   ストアページでは、Squarespace がレイアウト設定で選んだアスペクト比に画像を自動でトリミングし、アップロードの前に各画像を希望の比率に編集しておくことを推奨しています。まずその比率を決め、すべての商品画像をその比率で注文してください。はじめからレイアウトの比率で作った画像なら、自動トリミングで削られる部分がありません。
3. ### 重い上限と、軽い推奨値

   Squarespace はファイルサイズとメガピクセル数に上限を設けていますが、サイトがすばやく読み込まれるよう、はるかに軽いファイルを推奨しています。アップロードごとに幅の狭いバージョンをいくつか作成し、既定では画像を WebP に変換します。アップロードできるのは sRGB の .jpg、.gif、.png、.webp で、無料の画像サイズチェッカーがファイルをブラウザ内でこれらの制限に照らしてテストします。

## Squarespace が求めるもの。

出典：[Squarespace Help Center — Formatting images for display on the web; Add and style product images](https://support.squarespace.com/hc/en-us/articles/206542517-Formatting-images-for-display-on-the-web)。2026年10月11日に確認。

- **推奨:** ほとんどの画像は幅2,500ピクセルが理想。幅1,500ピクセル未満の画像は、ぼやけて見えることがあります
- **形式:** .jpg、.gif、.png、.webp のみ。アニメーション .webp ファイルには対応していません
- **ファイルサイズ:** 画像ごとに20 MBまで。Squarespace は、サイトが速く読み込まれるよう500 KB以下を推奨しています
- **最大:** 120メガピクセル
- **枚数:** 商品ごとに最大100枚。Squarespace は、ページを5 MB未満に保つことを推奨しています
- **カラー:** RGB カラーモード、sRGB カラープロファイル
- **形状:** Squarespace は、アップロード前に画像を希望の比率に編集しておくことを推奨しています。ストアページでは、レイアウト設定で選んだアスペクト比に合わせて画像が自動的にトリミングされます
- **リサイズ:** Squarespace は各画像について、幅100〜2,500ピクセルのバージョンを最大七つ作成し、アップロードした画像を既定で WebP に変換します
- **代替テキスト:** 商品画像ごとに最大200文字

[Squarespaceの商品画像の要件](https://herofab.app/ja/guides/squarespace-product-image-size) · [画像を無料でチェック](https://herofab.app/ja/tools/image-size-checker)

## Squarespace の商品ページの元になる写真。

- 商品は何も重ならない場所に置き、輪郭全体を写真に収めます。シーンは写真に写っているものをもとに作られ、欠けた部分は忠実に補えません。
- フラッシュを切り、窓からの自然光で撮影します。シーンとその光を選ぶ前に、ガラス、金属、釉薬が本来の色で記録されるようにするためです。
- 型押しのあるふた、織りネーム、バックルなどの小さな部分は、寄りの写真をもう一枚撮ります。この大きさの文字が、画像の納品後に最初に見比べるところです。

## Squarespace 向けの商品写真について、よくある質問。

**Squarespace のストアには2Kで足りますか、それとも4Kにすべきですか？**

正方形の2K出力は、Squarespace が画像がぼやけて見えることがあるとする幅を上回っているため、使用できます。正方形の4K出力は、Squarespace がほとんどの画像に理想とする幅を上回ります。Squarespace はその後、アップロードされたすべての画像から幅の狭いバージョンを自ら作成するため、大きいファイルがそのすべての元になります。二つの幅はこのページの表にあります。

**画像はどのアスペクト比で注文すべきですか？**

ストアのレイアウトで設定した比率です。Squarespace はストアページの画像をその比率に自動でトリミングし、アップロードの前に画像を希望の比率に編集しておくことを推奨しています。商品スタジオは正方形、縦長、横長の画像を納品するため、形は後からのトリミングではなく、画像を作るときに決まります。

**Squarespace のページには、一つの商品のビューを何枚載せるのがよいですか？**

Squarespace は商品ごとに多数の画像を認めていますが、ページを軽く保つことを推奨しています。商品スタジオは一枚の元の写真から、正面、斜め、側面、真上からのアングルを、スタジオの面、大理石、木、リネン、台座、屋外、ホームシーンで用意します。はっきり異なる数枚のビューならページは軽いままで、プランまたはクレジットパックで作成した画像にウォーターマークは入りません。

**料金はいくらですか？**

画像ごとに4クレジット、4Kはさらにクレジットがひとつ追加です。消費クレジットは生成前に表示され、処理に失敗した場合はクレジットが返還されます。登録時の無料20クレジットで、このツールの画像を5枚作成できます。

[商品スタジオ](https://herofab.app/ja/tools/product-photography) · [メイン画像](https://herofab.app/ja/glossary/main-image) · [ライフスタイル画像](https://herofab.app/ja/glossary/lifestyle-image) · [アスペクト比](https://herofab.app/ja/glossary/aspect-ratio)

商品別の作例

[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) · [Dafiti 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-dafiti) · [Avocadostore 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-avocadostore) · [Galaxus 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-galaxus) · [CDON 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-cdon) · [Fyndiq 向けの商品写真](https://herofab.app/ja/tools/product-photos-for-fyndiq)
