Shopify 图片尺寸的终极指南

已发表: 2021-11-02

Shopify 是一个令人难以置信的电子商务平台,让企业和商家可以比以往更轻松地为他们的业务创建网站、营销他们的产品并以前所未有的方式进行销售。 他们将多种不同的购物车和支付选项自然地集成到平台中,并且有成千上万的应用程序可以帮助您完成从会计自动化到以折扣价创建运输标签的所有工作。

有很多令人难以置信的选择,有时商家仍然会对一些基础知识感到有些迷茫。 例如,如果你可以上传这么多不同形状和大小的图片,你怎么知道哪一张最好?

幸运的是,对于 Shopify 的最佳图像尺寸、图像主题和整体最佳实践,我们有直接的答案。 在这篇文章中,我们将了解您需要了解的有关最佳 Shopify 图片尺寸以及如何优化它们以帮助您立即销售更多产品的所有信息。

什么是最佳 Shopify 图像尺寸?

当谈到 Shopify 图片时,不一定要一刀切。

让我们来看看不同类型的 Shopify 图片及其理想尺寸。

产品图片

Shopify 商店允许各种图像和图像变体。 如果您经营 Shopify 商店,您可能已经知道 Shopify 允许用户为每个特色产品上传超过 250 张图片。 因为有很多选择,所以确保它们看起来都很棒很重要。

根据 Shopify,您可以上传的最大图像大小为 4472 x 4472 像素,最大文件大小为 20 MB。

超过 20 MB 的文件将占用您网站上宝贵的存储空间。 尝试使用更大的图像会影响您在线商店的速度和功能,导致您的页面加载速度过慢。 这可能会提高您页面上的跳出率,因为访问者往往会离开加载时间过长或图像损坏的网站。 当您希望购物者在您的网站上花费更多时间而不是更少时间时,这会适得其反。

能够使用高达 4472 x 4472 像素限制的任何文件大小并不意味着实际使用这么大的文件是一个好主意。 您的网站访问者更有可能更喜欢看到多个、快速加载、高质量的图像,这将使他们对您的产品有更广阔的视野。 专注于使用不会减慢网站功能的醒目高分辨率图像。

shopify 图像大小

作为一般规则,Shopify 建议店主选择大小为 2048 x 2048 像素的方形图像。 这些图像在桌面和移动屏幕上都能很好地工作。

该尺寸允许足够高的分辨率,使您的 Shopify 网站具有活泼、专业的外观——这反过来又将帮助您提高销售额。 此外,2048 x 2048 图像上的像素数允许用户在需要仔细查看时放大图像。 (缩放功能在图像大小为 800 x 800 像素时开始。)

网站图标

网站图标是显示在您的 URL 旁边的小图标,它们可以大大提高品牌知名度并创造强大而完整的用户体验。

网站图标示例

您的网站图标应为 32 x 32 像素宽。

标志

您的品牌徽标可能会出现在您网站的不同位置,具体取决于您的主题或自定义网站布局。 它可能出现在主页的顶部和中心,并且经常出现在许多 Shopify 商店页面的页脚中,以提高品牌知名度。

pipcorn 徽标图像示例

您的徽标应为 450 x 250 像素。

横幅、博客特色图片或完整商店背景的图片

这些是跨越网站很大一部分的大图像,因此它们需要具有高分辨率。

您需要在此处选择 1800 x 1000 像素的图像。

横幅图像示例

弹出图像

当您注册他们的时事通讯时,许多品牌都会提供免费送货或 15% 折扣等奖励措施。 Shopify 强烈建议为时事通讯弹出窗口上传 425 x 575 的图像。

弹出图像示例

登录页面的背景图片

你有没有注意到一些 Shopify 商店在登录页面上有华丽的背景以保持它的趣味性? 这为客户提供了强大的品牌体验。 这也是使用大型令人叹为观止的库存照片的好地方。

登录页面图片示例

这些图像应为 1600 x 1000。

特色促销图片

您可能在您网站的某个地方,甚至可能是您的主页上推出了促销活动。 这些旨在跳出用户并吸引他们的注意力。 选择 840 x 840 像素的图像是一个不错的选择。

特色形象推广示例

画廊图片

创建产品画廊以将它们组织成不同的类别? 上传 800 x 800 像素的图片。

画廊图像示例

幻灯片横幅图像

一些网站将在其主页上展示产品图片的幻灯片。 如果这是您选择的主题样式,则选择 1600 x 1000 像素的图像可能是一个不错的选择,但请务必检查您的特定主题。

幻灯片横幅图像示例

结帐页面横幅

同样,在买家旅程的每个阶段都必须创建完全品牌化的用户体验。 这包括结帐页面! 上传带有您的徽标的 1800 x 300 图像以创建结帐页面横幅。

结帐页面横幅示例

要包含在您的 Shopify 商店中的图像类型

当您浏览不同的 Shopify 商店时,您会注意到与所有电子商务平台一样,您可以使用许多不同的图片来宣传您的产品。

这些包括:

  • 仅产品图像,通常放置在中性或白色背景上。 这些通常用于在搜索中显示的主要产品图像。
beardbrand 仅产品图片示例
  • 使用中的产品图片,背景丰富。 这可以是一个女人在你卖的衣服上旋转,或者站在你想要推销的帐篷外,背景是树林。 展示使用中的图像可以帮助人们想象自己使用它并提供价值。
firepit 产品图片示例
  • 带有图形叠加层的照片,例如下面的一张,它使用图形或文本来建立使用或大小的背景,或突出不同的特征。 我们可以在 Snappa 提供帮助; 只需上传您的产品图片,并使用我们内置的图形和拖放式设计工具来创建高转化率的图片。
anker 手电筒叠加图像示例
  • 图形完全用于提供信息价值。 这可能包括显示三种不同变体的图形,比较尺寸或选项,甚至是尺寸表。
花尺寸图产品图片示例

Shopify 图片最佳做法

想要确保您的 Shopify 图片经过优化以帮助您尽可能多地销售,从而将您的业务扩大到巨大的成功? 许多最佳实践因企业或行业而异,但所有 Shopify 店主都需要使用这三个图像优化规则。

为所有主要产品图像使用相同样式的缩略图

您可以选择多种类型的不同图像来推销您的产品,选择一种风格作为主要产品图像是一个很好的选择。 它将使您的搜索结果看起来统一,使您的网站具有一致性,有助于它看起来成熟、可信和专业。

第 49 平行咖啡图像示例

大多数店面会选择像上面这样的图像样式,产品单独站在完全白色的背景上,与网站整体融为一体。 它是中立的,它可以帮助人们快速查看他们的选项,看看他们点击的是什么。 试试这些图片,看看它们是否适合你。

包括各种图像

我们刚刚谈到为您的主图像选择一致的样式,但这仅与您的主图像有关,它将首先代表您的产品并获得点击。

如果可能,您仍应在每个产品列表中包含各种其他类型的图像。 这可以包括产品某些功能的近距离图像; 在下面的示例中,这用于显示所售接发的颜色、厚度和质地。

头发图像多样性示例

请记住,用户拥有的图像越多,他们拥有的信息就越多。 他们可以从不同的视角和角度看到产品,看到它在使用中,并更好地了解它是否适​​合他们。 这不仅可以增强用户购买的信心,提高您的销售量,还可以增加他们为自己做出正确选择并对购买感到满意的可能性。 这意味着较低的退货率和整体盈利能力的提高。

测试看看什么有效

您可能会发现带有背景的图像最适合作为主图像。 例如,如果您在销售服装,您会发现他们在模特身上而不是平放在白色背景上时会获得更多点击。

唯一确定的方法是自己测试一下。 运行专门的拆分测试,只测试图像,看看是什么让你获得更多点击和更多转化。

现代商店产品图像示例

有一些工具可以帮助解决这个问题,包括 Neat A/B 应用程序,它会以设定的时间间隔来回循环不同的图像,直到你得到你需要的答案,看看什么更有效。 这在每个行业和每个品牌中都可能不同,因此花时间进行测试可能是一个很好的选择。

了解哪些文件类型可以完成工作

在为您的 Shopify 商店选择图片时,了解哪种文件类型最适合您尝试展示的图片至关重要。 有多种可供选择,但最常用的主要格式是 JPG、GIF、PNG、TIFF 和 BMP。

在文件格式方面,JPG 是最流行和最常用的 Shopify 图片。

当您选择 JPG 图像时,您可以在看起来高质量但压缩到足以让您的网站为最终用户快速加载的图像之间找到一个极好的平衡。 除了 JPG,PNG 图像也是一个不错的选择。 PNG 的图像质量比 JPG 略高,但这也意味着文件会更大,这可能会影响加载时间。

话虽如此,还有其他图像格式需要考虑。 让我们跳入文件类型并查看它们的功能。

JPG / JPEG

JPG / JPEG 文件(联合图像专家组)是压缩图像,仍然显示为非常适合网站的高质量渲染。 当以高分辨率和合理的文件大小(理想情况下低于 Shopify 的最大 4472 x 4472 像素)显示时,它们可以快速加载并且在您的在线商店中看起来也很棒。

这些图像允许使用多种颜色,因此您可以获得所需的引人注目的质量,而不会对您的网站功能提出太多要求,并且您还可以调整图像本身的压缩量。 这是 Shopify 推荐的格式——有充分的理由! JPG 文件非常适合照片。

动图

GIF(“图形交换格式”)是一种允许动画的位图 (BMP) 图像。 如果您想为您的在线商店添加流行的 pizazz,它们是一个不错的选择。 但是当涉及到这种文件格式时,有一个很大的限制。 虽然 Shopify 允许您在您的网站上使用 GIF,但它也会显着压缩文件。

GIF 格式的产品图片中只允许使用 256 种颜色。 尽管 GIF 的颜色选项受到限制,但任何人都可以查看它们,无论他们使用什么浏览器,因此这是该格式的主要优点。

PNG

除了 JPG,PNG(“便携式图形格式”)图像在 Shopify 网站所有者中极为常见。 由于 PNG 图像是无损数据压缩文件,因此可以轻松缩小它们的大小而不会影响图像质量。

PNG文件还允许透明图像。 例如,如果您想要展示产品图片,但又想要透明背景,则可以使用 PNG。

选择 PNG 文件类型的唯一缺点是图像文件通常比 JPG 大。 这可能会给您的网站带来压力,并导致其加载速度比应有的速度慢。 PNG 调色板可以以 24 位 RGB 颜色或灰度显示。

PNG 非常适合包含图形设计元素的照片和图像。

TIF / TIFF

虽然通常文件很大,但 TIF(“标记图像格式”)/TIFF(“标记图像文件格式”)文件是可以在许多不同应用程序中编辑的光栅图形。 TIF 是无损数据压缩文件,这意味着它们可以在保持与 JPG 一样的视觉质量的同时缩小尺寸。

但是,TIF 通常很大,因此它们并不总是适合在网站上使用。

BMP

BMP(“位图”)是通用且与所有设备兼容的光栅图形。 它们通常不会被压缩,因此图像以出色的质量显示。

这也意味着 BMP 是可能会减慢 Shopify 网站速度的大文件,除非您能够正确优化图像。 BMP 图像可以以全彩色和单色显示,并且该格式允许多种颜色变化。

结论

Shopify 图片不是您需要在平台上销售的唯一东西,但它们会对您的商店是否成功和盈利产生巨大影响。 从正确的类型开始,确保它们上传到完美的尺寸,然后完全优化它们以进行销售,这是您绝对希望投入时间和精力的事情,因为它会多次支付它的红利。

需要帮助为您的 Shopify 商店定制图片以确保它们能够销售? 立即开始免费试用 Snappa。

你怎么看? 您如何优化 Shopify 图片以帮助您销售? 哪种 Shopify 图像尺寸最适合您? 在下面的评论中分享您的想法和问题!