为您的商店优化 Shopify 图像大小的终极指南

已发表: 2022-06-24

当您的商店上线时,您需要考虑许多因素来确保您的商店平稳高效地运营。 尤其是客户去网上购物,他们看不到你直接销售的产品,也无法控制商品的质量。 因此,他们在决定购买您的产品时会犹豫不决。 换句话说,您需要确保您在网上商店中的图片具有良好的质量,并展示商品的许多方面,让您的买家想要购买。 那么,如果您是 Shopify 店主,那么这篇文章绝对适合您。 我们将为您提供优化 Shopify 商店的产品图片尺寸的终极指南。

Shopify 的最佳图片尺寸

首先,您可能想知道为什么图像尺寸对您的 Shopify 商店很重要?

增强用户体验:当您的照片被创建为在所有设备上以不模糊、不拉伸的方式查看时,在线买家可以更好地对事物进行成像、理解规格并获得虚拟的外观和感觉。 这增强了他们的整体购物体验。

提高页面加载速度:通过优化图片大小,您的网页都不会变得不必要的大。 页面上有多少图像并不重要。 结果,您的网站将在不到三秒的时间内加载,这是消费者可以忍受的最短时间。 如果您需要更快地改进您的网站,您可能需要研究和实施其他 Shopify 商店性能优化建议。

加强其他 SEO 工作:优化您的照片将使您的页面加载速度非常出色,并有助于您的所有 SEO 活动。 它通知搜索引擎您的网站有他们正在寻找的信息,从而提高您的排名。

接下来,我们将向您介绍一些常见的 Shopify 图片尺寸

一些常见的 Shopify 图像尺寸

Shopify 产品图片尺寸:2048 x 2048 像素或 800 x 800 像素

请记住,您只能上传最大为 4472 x 4472 像素和 20 MB 大小的 Shopify 产品图片。 不过,在大多数情况下,这太过分了。 您的商店不需要如此大的图形,并且会减慢页面加载时间。 相反,2048 x 2048 像素是 Shopify 建议的方形产品图片。 为了在卓越的质量和快速的网站加载之间取得完美的平衡,请使用 JPG 或 PNG 格式。 产品照片通常不应小于 800 x 800 像素。 否则,像放大这样的功能可能表现不佳。

Shopify 系列图片尺寸:2048 x 2048 像素

当涉及到 Shopify 收藏照片时,没有要求的尺寸; 但是,它们可以是最大 4472 x 4472 像素或 20 兆像素的任何尺寸。 对于高分辨率方形照片,Shopify 通常建议将图像限制在 2048 × 2048 像素。

除了尺寸之外,照片集的尺寸都应该彼此一致。 另一方面,它们的高宽比必须保持不变。 否则,它们会破坏您的收藏页面的界面。

Shopify 幻灯片图像尺寸:1200 到 2000 像素宽度,400 到 600 像素高度

建议的 Shopify 幻灯片图片比例在高度 400 到 600 像素之间,宽度在 1200 到 2000 像素之间。

移动到移动/小屏幕视图时会进行一些缩小和裁剪。 因此,在 Shopify 幻灯片设置中将照片居中。 因此,图像的顶部、底部和左右部分将被裁剪掉,从而改善整体外观。

Shopify 标题图片大小:高度不超过 120 像素

在某些情况下,您可能希望在标题块中包含照片。 它可以作为即将到来的场合的补充标志或广告。 在 Shopify 模版中,页眉块的最大高度为 250 像素。 但是,我们建议使用最大高度为 120 像素的照片。

Shopify 横幅尺寸:1200 x 400 到 600 像素

在决定 Shopify 横幅尺寸时,您必须考虑特定主题的要求。 例如,在布鲁克林主题的情况下,您可以使用 1200×800 像素的照片。

Shopify 徽标大小:450 x 250 像素

最大的 Shopify 徽标为 450 x 250 像素。 侧边栏的 250px 宽度是这个的来源。 尽管保持在该限制内很重要,但您的徽标不必正好是 450 像素宽 x 205 像素高。

然后,我们为您推荐流行的 Shopify 图像格式

Shopify 1

看看在电子商务摄影中流行的一些最流行的图像形式。 您必须了解每种方法的优缺点。

JPG/JPEG

Shopify 商店最常用的图片文件格式绝对是 JPG。 它具有良好的色谱和很小的文件大小,可以快速加载。 JPG 的压缩能力在质量和大小之间提供了极好的折衷。 在这种情况下,Shopify 明确建议零售商将 JPG 用于产品页面照片。

PNG

PNG 是在 Shopify 商店中应用的另一种非常流行的图像形式。 由于它能够在不影响整体图像质量的情况下减小图片文件大小,因此 PNG 非常适合电子商务网站。 此外,PNG 支持透明度,让您可以更好地控制商店的外观。 PNG 的无损压缩是一个挑战,因为它经常会产生非常大的图像文件。

动图

可以使用广泛使用的图像格式 GIF(在 Shopify 直销商店中超级流行)创建简短的动画或产品说明。 您的照片不会是最鲜艳的照片,因为 GIF 图像格式只允许大约 250 种颜色。 但是当与其他图像格式结合使用时,它们可能真的会大放异彩。

国际电影节

一些网络编辑工具支持有用的图片格式 TIFF。 这意味着对于设计师和零售商来说,营销活动的图像编辑和定制很简单。 TIFF 可提供高质量,您可以将多张照片保存在一个文件中。 但是,与 PNG 类似,由于无损压缩,文件大小会偏大。

如果您不确定要使用哪种图像尺寸,通常建议选择 JPG/Jpeg。 正如我们已经确定的那样,JPG 是唯一能够成功平衡文件大小和图像质量的图像格式。

现在,我们转向要包含在您的 Shopify 商店中的图像类型

图像的类型

仅产品图片

顾名思义,这些图片是您商品的单张照片。 仅产品照片从不同角度展示“主要”项目,以帮助客户做出购买选择。 它们通常在白色或中性色背景下拍摄。

在拍摄产品时,保持每张图像排列之间的一致性至关重要。 同样重要的是要记住 Shopify 无缝用户体验的理想图像尺寸标准。

使用中的产品

在您的 Shopify 商店中应用的第二种摄影是正在使用的产品,可以单独使用,也可以与增强主要商品的其他商品一​​起使用。

这些类型的图像将提高潜在买家对产品的理解,并提高参与度和转化率。

带有图形叠加层的照片

要获得更独特的外观,您可以发挥一些创意并将图形叠加应用到您的照片上,例如文本和其他图像。 借助 Canva 等程序或类似替代方案,您可以轻松完成此任务。

图形

您可以在 Shopify 商店中使用图形来显示信息内容。 这可能是各种选项的可视化表示、尺寸表,甚至是颜色选择器。

最后但并非最不重要的一点是,如何优化您的 Shopify 产品图像尺寸

Shopify 产品的图片尺寸

给你的图像命名

大多数零售商会匆匆浏览大量产品照片,而不会更改默认相机的名称。 除了抓取页面上的文本外,搜索引擎还分析图像的文件名以确定页面的内容。

压缩图像

一般客户不会等待超过三秒钟的电子商务网站启动。 因此,您必须采取所有必要的步骤来使您的页面加载得更快。

处理页面速度慢的最佳策略之一是减小照片的文件大小。 为了获得最大效率,最好将图像大小保持在 70kb 左右。

幸运的是,Shopify 已经略微减小了照片的大小。 为了进一步减小照片的大小,您还可以使用免费程序 TinyIMG 和 CrushPics。 使用这些工具,您可以一次批量处理多个文件并管理压缩量。

在您的在线商店中使用一致的风格

请记住不断修改您的照片,以便为您的网站访问者在您的在线商店中提供统一的购物体验。 这意味着对于统一和抛光的外观,尺寸、样式、背景,有时甚至颜色排列都应该相同。

包括生活方式和产品摄影

大多数情况下,标准产品摄影和生活方式照片的组合会提高转化率。 纯粹的产品摄影对于让客户检查产品功能至关重要,而生活方式照片使用户能够在日常生活中拍摄对象。

使用 A/B 测试找到最佳图像

最后但并非最不重要的一点是,您应该尝试照片的各种变化,以发现哪些表现最好。 您可以测试以下内容:

  • 每页有多少个产品图片
  • 最有效的图像类型
  • 每个产品集合页面的数量有(10、20、100)

要查看用户如何与您的照片进行交互,请使用 hotjar 之类的热图应用程序。 或者,您可以在感谢页面上使用简单的购买后调查来询问客户他们喜欢的图像类型。

检查指南并记住理想的 Shopify 图像尺寸

为确保您走在正确的轨道上,请查看有关哪些 Shopify 图像尺寸和格式最适合您的主题的说明。 请记住最佳 Shopify 图片尺寸。 如果您聘请有经验的摄影师为您的商品拍照,您可以提前让他们知道您需要什么。 通过这种方式,您将节省大量时间!

移动端图像优化

您是否知道在过去六个月中,有 79% 的移动用户使用智能手机购物? 因此,在 2022 年及以后,为移动设备优化您的照片将至关重要。

Shopify 经常自动调整图像大小以适应移动设备和小屏幕设备。 要修改移动设备的照片,您有时可能需要手动更改照片。

要创建适合移动设备的图片,请应用以下提示:

  • 不要使用过大的图像,因为它们可能会在移动设备上失真。
  • 保持您的商品在垂直和水平方向居中,并使用方形照片。
  • 为确保您的照片在移动设备上加载得更快,请使用延迟加载。
  • 每次添加图像时,请检查它在移动设备上的显示方式。

使用库存图片

在博客和横幅中,您还可以使用价格合理的库存照片来说明您的写作。 但是,由于库存照片有时可能是通用的,因此请务必通过编辑和应用叠加来打上自己的印记,以使它们与您的业务相关。

结论

通过该主题,我们向您展示了有关如何优化您在 Shopify 商店中的形象的详尽指南。 有了有用的建议,我们希望您能提高您的图像产品质量。 如果您的消费者无法全面了解产品,则可能难以购买您的商品。 因此,您在商店中的形象对于吸引更多客户和促进销售起着重要作用。 如果您想让您的商店看起来更有吸引力和更专业,您可以联系我们,让专家可以在下一个级别利用您的商店。