# 商品图片和视频

> 在媒体中把图片和短视频拖到框里，或点击“浏览”，即可添加到商品。第一张是主图，拖动可调整顺序。已保存的商品，媒体的改动会立即保存。

帮助中心 / 商品 - 更新于 2026年10月29日

好图片能促进销售。每件商品都有一个包含图片和视频的图库，显示在它的商品页上，其中第一项会用在商品出现于列表的所有地方，比如店铺的商品网格。

## 可以上传什么

- **图片：** JPG、PNG、WebP、GIF 或 iPhone 照片，每张最大 10 MB。
- **视频：** MP4、MOV 或 WebM，最大 90 MB。视频静音播放，只保留前 20 秒，所以短片效果最好：比如刚冲好的咖啡冒着热气，或者一袋咖啡被打开的画面。

## 第 1 步：添加图片和视频

1. 在 **商品** 中打开商品，进入 **媒体** 分区。
2. 把文件拖到框里，或点击 **浏览** 选择文件。可以一次添加多个。
3. 图库里有内容之后，可以用 **添加媒体** 方块继续添加，也可以把更多文件拖到图库的任意位置。

上传过程中，每个文件都会显示进度。新视频在准备期间会显示 **处理中**，最长约一分钟，之后会变成它的第一帧画面。

![一件商品的媒体分区：有四张图片，第一张较大并标有“主图”，旁边是“添加媒体”方块](https://v3.shoprocket.io/img/help/product-images-and-video/product-media.webp)

## 第 2 步：选择主图和顺序

图库中的第一项就是主图。它显示得更大，当图库里有两项或更多时会标上 **主图**。商品列表使用的就是它。有人分享商品链接时，预览使用第一张图片（会跳过视频）。

要调整顺序，把鼠标移到图片上，拖动它角落里的手柄。买家看到的图库就是这个顺序。

## 删除图片或视频

把鼠标移到它上面，点击角落里的垃圾桶图标，然后在几秒内点击 **移除？** 确认。

## 改动何时保存

- **在已经存在的商品上，** 添加、删除和调整媒体顺序都会立即保存。你不需要点击 **保存**，刷新页面后改动依然保留。
- **在新商品上，** 你上传的文件会暂存在页面上，在你点击 **创建** 时附加到商品。

如果某张图片上传成功但没有附加到商品，它的方块上会显示 **未保存**。点击上面的重试按钮可以再试一次，点击垃圾桶则丢弃它。

## 为每个变体配图

如果商品有变体，你可以给每个变体关联一张图片，这样买家在商品页上选择“咖啡粉”或“1kg”时，就会显示对应的图片。

1. 在 **变体** 分区的 **库存和价格** 下，点击某个变体行开头的图片方块。
2. 在 **变体图片** 中，点击商品的某张图片，或点击 **上传** 添加新图片。新上传的图片也会加入商品的图库。
3. 点击 **保存**。

选择 **无** 可清除变体的图片。变体只能使用图片，不能使用视频。参见[商品变体和选项](https://v3.shoprocket.io/zh/help/product-variants-and-options.md)。

## 相关文章

- [添加你的第一件商品](https://v3.shoprocket.io/zh/help/add-your-first-product.md)
- [创建和编辑商品](https://v3.shoprocket.io/zh/help/create-and-edit-products.md)
- [商品变体和选项](https://v3.shoprocket.io/zh/help/product-variants-and-options.md)
- [商品 SEO 和搜索预览](https://v3.shoprocket.io/zh/help/product-seo-and-search-preview.md)

[在后台打开“商品”](https://app-v3.shoprocket.io/go/products)

---

- HTML version: https://v3.shoprocket.io/zh/help/product-images-and-video
- Language: 中文 (zh)
- 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), [日本語](https://v3.shoprocket.io/ja/help/product-images-and-video.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)