# 商品の画像と動画

> 商品の メディア で、ボックスにドロップするか 参照 をクリックして、画像や短い動画を追加します。最初の 1 枚がメイン画像で、ドラッグで並べ替えられます。保存済みの商品では、メディアの変更はすぐに保存されます。

ヘルプセンター / 商品 - 2026年10月29日 更新

良い写真は売上につながります。各商品には、画像と動画をまとめた 1 つのギャラリーがあり、商品ページに表示されます。最初の 1 点は、ショップの商品グリッドなど、一覧に商品が表示される場所すべてで使われます。

## アップロードできるもの

- **画像:** JPG、PNG、WebP、GIF、iPhone の写真。1 ファイルあたり最大 10 MB。
- **動画:** MP4、MOV、WebM。最大 90 MB。動画は音なしで再生され、最初の 20 秒だけが保持されるので、短いクリップが向いています。淹れたてのコーヒーから立ちのぼる湯気や、袋を開ける様子などです。

## ステップ 1: 画像と動画を追加する

1. **商品** で商品を開き、**メディア** セクションに移動します。
2. ファイルをボックスにドロップするか、**参照** をクリックして選びます。一度に複数追加できます。
3. ギャラリーに何かが入ったら、**メディアを追加** タイルでさらに追加するか、ギャラリー上のどこにでもファイルをドロップします。

アップロード中は、各ファイルの進行状況が表示されます。新しい動画は、準備のあいだ最大 1 分ほど **処理中** と表示され、その後、最初のフレームに切り替わります。

![4 枚の画像がある商品のメディアセクション。最初の画像が大きく表示されてメインと表示され、メディアを追加タイルがある](https://v3.shoprocket.io/img/help/product-images-and-video/product-media.webp)

## ステップ 2: メイン画像と順番を決める

ギャラリーの先頭がメインです。大きく表示され、2 点以上ある場合は **メイン** と表示されます。商品一覧で使われるのはこの画像です。商品のリンクが共有されたときのプレビューには、最初の画像が使われます（動画は飛ばされます）。

順番を変えるには、画像にカーソルを合わせ、角にあるハンドルをドラッグします。購入者にはこの順番でギャラリーが表示されます。

## 画像や動画を削除する

カーソルを合わせて角のごみ箱アイコンをクリックし、数秒以内に **削除しますか?** をクリックして確定します。

## 変更が保存されるタイミング

- **すでにある商品では、** メディアの追加、削除、並べ替えはすぐに保存されます。**保存** をクリックする必要はなく、ページを更新しても残ります。
- **新しい商品では、** アップロードしたファイルはページ上に保持され、**作成** をクリックしたときに商品に紐付けられます。

画像はアップロードされたのに商品に紐付かなかった場合は、タイルに **未保存** と表示されます。もう一度試すには再試行ボタンを、取り除くにはごみ箱をクリックします。

## バリエーションごとの画像

商品にバリエーションがある場合は、それぞれに画像を紐付けられます。購入者が商品ページで「粉」や「1kg」を選ぶと、その画像が表示されます。

1. **バリエーション** セクションの **在庫と価格** で、バリエーションの行の先頭にある画像の四角をクリックします。
2. **バリエーション画像** で、その商品の画像から 1 つクリックするか、**アップロード** をクリックして新しく追加します。新しくアップロードした画像は、商品のギャラリーにも加わります。
3. **保存** をクリックします。

バリエーションの画像を解除するには **なし** を選びます。バリエーションに使えるのは画像だけで、動画は使えません。[商品のバリエーションとオプション](https://v3.shoprocket.io/ja/help/product-variants-and-options.md)をご覧ください。

## 関連記事

- [最初の商品を追加する](https://v3.shoprocket.io/ja/help/add-your-first-product.md)
- [商品を作成して編集する](https://v3.shoprocket.io/ja/help/create-and-edit-products.md)
- [商品のバリエーションとオプション](https://v3.shoprocket.io/ja/help/product-variants-and-options.md)
- [商品のSEOと検索プレビュー](https://v3.shoprocket.io/ja/help/product-seo-and-search-preview.md)

[ダッシュボードで「商品」を開く](https://app-v3.shoprocket.io/go/products)

---

- HTML version: https://v3.shoprocket.io/ja/help/product-images-and-video
- Language: 日本語 (ja)
- Also in: [العربية](https://v3.shoprocket.io/ar/help/product-images-and-video.md), [Deutsch](https://v3.shoprocket.io/de/hilfe/produktbilder-und-videos.md), [Ελληνικά](https://v3.shoprocket.io/el/help/product-images-and-video.md), [English](https://v3.shoprocket.io/help/product-images-and-video.md), [Español](https://v3.shoprocket.io/es/ayuda/imagenes-y-video-de-producto.md), [Français](https://v3.shoprocket.io/fr/aide/images-et-videos-de-produit.md), [עברית](https://v3.shoprocket.io/he/help/product-images-and-video.md), [हिन्दी](https://v3.shoprocket.io/hi/help/product-images-and-video.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/bantuan/gambar-dan-video-produk.md), [Italiano](https://v3.shoprocket.io/it/aiuto/immagini-e-video-del-prodotto.md), [Lietuvių](https://v3.shoprocket.io/lt/pagalba/preku-nuotraukos-ir-vaizdo-irasai.md), [Norsk](https://v3.shoprocket.io/nb/hjelp/produktbilder-og-video.md), [Nederlands](https://v3.shoprocket.io/nl/hulp/productafbeeldingen-en-video.md), [Polski](https://v3.shoprocket.io/pl/pomoc/zdjecia-i-wideo-produktu.md), [Português](https://v3.shoprocket.io/pt/ajuda/imagens-e-video-do-produto.md), [Română](https://v3.shoprocket.io/ro/ajutor/imagini-si-video-pentru-produs.md), [Русский](https://v3.shoprocket.io/ru/help/product-images-and-video.md), [ไทย](https://v3.shoprocket.io/th/help/product-images-and-video.md), [Türkçe](https://v3.shoprocket.io/tr/yardim/urun-gorselleri-ve-videosu.md), [中文](https://v3.shoprocket.io/zh/help/product-images-and-video.md)