Skip to content

Shopify产品图片规则介绍:Shopify添加产品图片及图片尺寸等详解

Shopify产品图片规则介绍:Shopify添加产品图片及图片尺寸等详解

产品图片

产品图片显示在您的在线商店中,以便让您的客户查看您的产品外观。这些图片也用于 Shopify POS 和其他销售渠道。大多数产品图片的最佳文件类型为 JPEG。

图片显示在商店上的确切方式取决于您的在线商店模版。

拓展您的业务

您是否正在寻找免版税图片来增强在线商店的显示效果?您可以从 Burst 下载高分辨率产品和生活照片。

本页相关主题

图片尺寸

您的产品和产品系列图片可以为任何尺寸,最大为 4472 x 4472 px,或 2000 万像素。产品和产品系列图片的文件大小需要小于 20 MB才能被添加到 Shopify。

高分辨率照片看起来更精致、更专业。对于方形产品图片,2048 x 2048 像素的尺寸通常效果最佳。

每个产品的第一张图片称为配图或主图片。配图会显示在产品系列页面、购物车页面、结账页面和您的主页上。

备注:当产品图片在产品系列页面上并排显示时,它们具有不同的大小。若要使图片看起来大小相同,您需要对添加为精选图片或主要图片的所有图片使用一致的长宽比或高宽比。

添加产品图片

您可以为一个产品添加多达 250 张图片。当您添加产品图片时,Shopify 会自动创建不同的尺寸版本,用于您的在线商店模版中不同的区域。例如,较大尺寸的产品图片可能会用于产品详细信息页面,客户需要在此处详细地查看产品。产品系列模板上不需要采用较大尺寸的图片,因此,可能会采用同一图片的精简版本。

步骤:

(1)桌面

在产品页面中,单击产品以查看其详细信息页面。

在图片部分中,从您的计算机中拖放图片或单击一个添加图片链接。

如果添加多张图片,所显示的尺寸最大的图片则为产品的主图片。您可以通过将一张不同的图片拖动至主图片的位置来设置新的主图片。还可以通过拖动其他图片来对这些图片进行排序。

(2)iPhone

在 Shopify 应用中,依次转到产品 > 所有产品。

在产品屏幕中,点击产品。

在产品详细信息屏幕上,点击屏幕顶部的图片图标:

选择图片来源,然后选择想要使用的图片。

添加图片后,点击保存。

设置主图片:

Shopify 显示产品时,默认使用产品的主图片。如果产品有多个图片,则产品详细信息屏幕上显示的第一个图片是产品的主图片。您可以随时为产品设置不同的主图片。

设置产品的主图片:

在产品详细信息屏幕上,点击第一张图片以外的任意图片。

在预览图片屏幕上,点击 … 按钮:

在菜单中,点击 Make main image(设为主图片)。

在产品详细信息屏幕上,点击保存。

(3)Android

在 Shopify 应用中,依次转到产品 > 所有产品。

在产品屏幕中,点击产品。

在产品详细信息屏幕上,点击屏幕顶部的图片图标:

选择图片来源,然后选择想要使用的图片。

添加图片后,点击复选标记以保存产品。

设置主图片:

Shopify 显示产品时,默认使用产品的主图片。如果产品有多个图片,则产品详细信息屏幕上显示的第一个图片是产品的主图片。您可以随时为产品设置不同的主图片。

设置产品的主图片:

在产品详细信息屏幕上,点击第一张图片以外的任意图片。

在预览图片屏幕上,点击 ⋮ 按钮:

从菜单中,点击设为默认图片。

点击后退箭头返回到产品详细信息屏幕。

点击复选标记以保存产品。

将替代文本添加到产品图片

替代文字对图片进行描述,是产品描述的一个重要组成部分。如果出于任何原因图片无法加载,则会改为显示替代文字。辅助技术也会用此向存在视觉障碍的客户描述图片的内容。包含替代文字可提升网站的搜索引擎优化。

确保替代文本简洁且描述清晰。最大长度为 512 个字符,但建议不超过 125 个字符。

您还可使用 CSV 文件上传替代文本。

步骤:

(1)桌面

在 Shopify 后台中,转到产品 > 所有产品。

单击要编辑的产品的名称。

将鼠标悬停在产品图片上,然后单击 ALT:

在图片替代文本中添加或编辑替代文本。

单击完成。

(2)iPhone

在 Shopify 应用中,依次转到产品 > 所有产品。

在产品屏幕中,点击产品。

在产品详细信息屏幕上,点击产品图片以查看预览图片屏幕。

点击 … 按钮:

在菜单中,点击编辑替代文字。

输入替代文字,然后点击确定。

点击完成返回到产品详细信息屏幕。

在产品详细信息屏幕上,点击保存。

(3)Android

在 Shopify 应用中,依次转到产品 > 所有产品。

在产品屏幕中,点击产品。

在产品详细信息屏幕上,点击产品图片以查看预览图片屏幕。

点击 ⋮ 按钮:

点击编辑替代文字。

在编辑替代文本对话框中,输入替代文本,然后点击保存。

点击后退箭头返回到产品详细信息屏幕。

点击复选标记以保存产品。

将图片添加到新多属性

在 Shopify 后台中,转到产品 > 所有产品。

单击要编辑的产品的名称。

在多属性部分中,单击添加多属性。

创建多属性时,单击多属性详细信息页面上的选择图片。

选择产品图片或单击添加图片以添加新图片。

单击保存。

将图片添加到现有多属性

提示: 您还可以通过在产品页面上选择多个多属性,通过批量操作添加多属性图片。

步骤:

在 Shopify 后台中,转到产品 > 所有产品。

单击要编辑的产品的名称。

在多属性部分中,单击图片图标以向多属性分配图片:

选择产品图片或点击添加图片以上传新图片。

单击保存。

保护图片

尽管您无法阻止人们保存屏幕上的图片,但如有必要,可以使用 Shopify 应用商店中的应用来添加水印。(来源:Shopify)

以上内容属作者个人观点,不代表雨果网立场!如有侵权,请联系我们。

相关链接:Shopify标签格式是怎样?Shopify产品标签指南一览

相关推荐: 大涨148%!今年前八个月,这类产品在Shopee爆了

厦门商城系统开发大涨148%!今年前八个月,这类产品在Shopee爆了 2022 年 1 月 至 8 月,电信预付卡成为 Shopee Affiliates Program 在全国范围内最受欢迎的产品,较去年同比增长 148%,其次是手机和女士手表。 从 7 …

    码刀科技(www.lekshop.cn)是国内知名企业级电商平台提供商,为企业级商家提供最佳的电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售/跨境等)、平台管理系统开发及互联网采购解决方案服务, 联系客服了解更多.

    电子商务网站建设的重要性和好处