电子商务产品图片的最佳尺寸是多少?

已发表: 2021-12-24

如果您正在经营您的在线商店,那么图像优化是您希望成为大师的真正艺术。 从刺激客户追求谷歌图像到减少网站加载时间,图像优化在建立成功的电子商务网站方面发挥着如此重要的作用,因为产品摄影是您在线商店的基石。

如前所述,您是电子商务店主; 然后,您可能会承认电子商务产品照片至关重要。 把任何物品呈现好是成功的关键。 您的客户会想知道珠宝或服装物品会如何看待它们,或者典型的真皮沙发在他们的客厅中会是什么样子。

为你推荐

  • 网站横幅尺寸:哪个尺寸最有效?
  • 如何成为 Google 信任的商店?
  • 如何找到要在线销售的产品?

在本文中,您将看到电子商务产品图片的最佳尺寸是多少?

什么是图像优化?

图像优化在不损失质量的情况下尽可能减少图像的文件大小,从而使页面加载时间保持较低。 图像优化也称为与图像 SEO 相关。 这意味着获取您的商品图片,以及在 Google 和其他图片搜索引擎上排名的装饰图片。

为什么产品图片大小在电子商务网站上很重要?

您可能不知道,图像是您的电子商务商店最重要的资产之一。

有句话说:

“然而,他们常常被忽视——店主完全忘记了为网络优化图像。”

有两个原因:

  • 由于为您的网站优化图像是您必须做的永无止境的列表中的另一个额外步骤
  • 它被认为是低优先级,然后很容易被遗忘

但是,如果您希望提高转化率、忠诚度、客户参与度甚至终身价值,最好先将注意力转移到图像集上。

在继续之前,让我们找出为什么图像在您的业务成功中如此重要。

1. 第一印象数

图片或 pi 是您的买家在检查您的产品页面时看到的最初的东西,并且相信前几秒钟对于让他们决定是否继续寻找您的产品至关重要。

实际上,在 Square 和 BigCommerce 进行的 2017 年研究中,据说美国在线客户将额外的产品摄影列为他们希望在线品牌提供的第一件事。

2. 一张图片比1000字更有价值

照片可以帮助客户更自信地确保产品质量和细节,而不是任何简短和冗长的描述。

能够通过优质的产品图像感受产品就像在真实商店中一样,任何客户都可以探索他们正在寻找的物品的许多细节。

BigCommerce 和 Square 的证据证明,大约一半的受访者表示,他们在网上购物时无法触摸、感受和尝试自己喜欢的产品。

3. 移动正在接管

由于移动购物在每个人的生活中变得越来越重要,因此图像将是必要的,正如 Google 的 Speed Update 举措所示。 使用图像而不是文字或文本来判断和导航您的产品的适用性时,移动用户的数量更多。

一个清晰且更具吸引力的电子商务项目以某种方式意味着您的项目可以经常被点击和购买。

4. 图片会毁掉你的商业网站

请注意,网站的低质量和不专业照片可能会对您的客户体验产生负面影响,并在搜索引擎中对其进行排名。

您可能想知道以下三个问题:

  • “您的图像加载缓慢吗?”

  • “你没有包括元描述吗?”

  • “人们在降落时会弹跳吗?”

电子商务产品图片的最佳尺寸是多少?

如果您使用 Photoshop,您可以通过生成空白文件并将其调整为所需尺寸来开发产品图像模板。 这有助于您保持图像六的一致性。 有更多关于要求的信息,但帮助您在商店中使用的模板尺寸的最佳起点是最长边在 1,200 像素到 1,600 像素之间。 请记住,您只需要足够的细节供客户放大和缩小。

一个关键的考虑因素是如何减少图像的文件大小,以帮助将页面加载时间降至最低。 您不必担心没有什么能像加载缓慢的页面那样破坏用户体验。 事实表明,大约 47% 的用户现在希望网页在两秒内加载,而 40% 的用户会放弃一个可能需要超过 3 秒才能加载的页面。

因此,您有必要远离通常需要较长时间加载的大尺寸图像。 AIM 图像文件大小的一般规则是低于 70 kb。 幸运的是,通过使用 Photoshop 的“保存为 Web”工具,可以在不损失图像质量的情况下减小文件大小。

此外,您还应该考虑这一点:

  • 大约 50% 的客户不会等待 3 秒来加载网站。

  • 全球平均页面加载时间正在增加。

  • 亚马逊发现,如果他们的页面仅慢一秒钟,他们每年可能会损失 16 亿美元。

  • 谷歌将页面加载时间作为算法中最重要的排名因素之一。

另一种帮助您减小图像文件大小的方法是使用 Adob​​e Photoshop 中的“保存为 Web”命令。 使用此工具,您希望将图像调整为最小文件大小,同时仍关注图像质量。

  • 质量:您可以在右上角和右上角找到它。

  • 文件格式:您可以在右上角和右上角找到它

  • 优化:您可以在右上角和右上角找到它

  • 颜色:您可以在右上角和右上角找到它

  • 缩小和锐化:您可以在右下角找到它

  • 预期文件大小:您可以在左下角找到它

您还可以选择使用Export As

现在,您可能想知道如何选择正确的文件类型

事实上,您可以使用三种流行的文件类型将这些照片发布到网络上,包括GIFPNGJPEG

JPEG 或 .jpg 图像是旧文件类型。 JPEG 现在正在成为 Internet 上事实上的标准照片。 JPEG 照片能够被压缩,从而产生具有微小文件大小的高质量照片。

GIF 或 .gif 图像的质量低于 JPEG 图像,并且广泛用于更多图像,包括装饰性照片和图标。 GIF 也有助于动画。 关于图像优化,众所周知,GIF 非常适合任何网页上的简单和纯图像。 但是,GIF 对于复杂的图像并不是一个有用的解决方案,对于较大的图像来说确实如此。

PNG 图像作为 GIF 的替代品越来越普遍。 PNG 还支持比 GIF 更多的颜色,并且它们不会随着时间的推移而像 JPEG 那样重新保存。 您最好记住,PNG-24 照片的文件大小是 PNG-8 的三倍多。 这就是为什么您必须小心使用 PNG 的原因。

这里有几个提示可以帮助您记住选择文件类型:

  • 在大多数情况下,在电子商务业务中,JPEG 可以成为您的最佳选择。 它们可以为您提供最小文件大小的最佳质量。

  • 切勿将 GIF 用于大型产品照片。 这个文件大小会变得很大,而且没有办法减小它。 您可以将 GIF 用于缩略图和仅装饰图像。

  • PNG 可以作为 GIF 和 JPEG 的替代方案,是您很好的解决方案。 如果您只能使用 PNG 格式的产品图片,您可以尝试使用 PNG-8 而不是 PNG-24。 由于文件非常小,PNG 可以作为简单的装饰照片表现出色。

优化在线商店产品图片的 5 个技巧

1. 描述性和简单的语言设置图像名称

夸大数百张产品照片并仍然保留相机已经分配的默认文件名并不是那么复杂。

关于图像 SEP,您应该使用相关关键字来使您的网页在搜索引擎上排名是至关重要的。 生成关键字丰富的描述性文件名对于图像优化至关重要。 搜索引擎将抓取您网页上的文本和图像文件名。

让我们看下面的例子:

您可以应用您的相机已经分配给您的图像的通用名称。 但是,最好详细命名文件。

让我们想想您的客户将如何在网站上搜索您的商品。 他们将使用什么名称模式进行研究。 例如,购车者可能会搜索以下内容:

  • 2012 红色福特野马 LX

  • 福特野马 LX 红色 2012

  • 红色福特野马 LX 2012

您可以查看网站分析以检查您的客户所遵循的关键字模式。 您可以决定他们使用的最流行的命名模式,并将该模式​​用于您的图像文件命名过程。

如果您不打算使用数据驱动,您可以确保使用重要且相关的关键字来命名您的图像。

2.仔细优化你的alt属性

当浏览器无法正确呈现照片时,Alt 属性被称为照片的文本替换。 反过来,它们被广泛用于网络可访问性。 渲染照片时,如果将其悬停,您将检查 alt 属性文本。 此 alt 属性需要为您的网站添加 SEO 值。 将包含相关关键字的适当 alt 属性包含到您网站的图像中可以帮助您在搜索引擎中获得更好的排名。 因此,使用 alt 属性是让您的电子商务商品出现在 Google 网络搜索和图片中的最佳方式。

您可以仔细查看 alt 属性的源代码:

<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012 Ford Mustang LX Red”>

在图像优化方面,首要任务是为您网站上的每张产品照片填写每个 al 属性。 以下是 alt 属性的一些规则:

  • 像对图像文件名所做的那样,以通俗易懂的语言描述您的图像

  • 如果您销售的商品包含型号或序列号,您可以在 alt 属性中键入它们

  • 停止填充充满关键字的 alt 属性

  • 停止对装饰图像使用 alt 属性。 搜索引擎可能会因优化过多而惩罚您。

最后但同样重要的是,让我们不时进行健全性检查。 不要忘记查看您网页的来源并检查您的 alt 属性是否正确填写。 当你以创业的速度前进时,你会对你真正想念的东西感到非常惊讶。

3.选择合适的图像尺寸和产品角度

检查物品的多个角度是很常见的。 您可以查看福特野马的示例,并且您可能不想展示卡片的照片,通常您正在出售它。 你最好展示一些图片:

  • 内饰

  • 后部,尤其是空气扰流板

  • 轮辋

  • 引擎

因此,利用这些额外图像的最佳方法之一是填写 alt 属性。 您可能会做的方式是为每个产品图像生成唯一的 alt 属性。 这里的关键点是在您的 alt 属性中插入描述,以便有前途的研究人员可以登陆您的网站。 如果您执行一些额外的工作,您将获得 Google 搜索者的奖励。

4.优化您的缩略图

许多电子商务网站现在都在使用缩略图,特别是在类别页面上,因为它们可以在不占用太多空间的情况下展示产品。

尽管缩略图很好,但您应该小心,因为它们可能会成为无声杀手。 不要忘记您的页面加载速度。 您的缩略图通常会在购物过程中的某些重要点上展示。 如果它们阻止您的类别页面快速加载,您可能会失去潜在消费者。 请注意,Shopify 用户无需担心缩略图优化,因为它会为他们解决这个问题。

因此,你现在应该怎么做?

  • 确保您的缩略图文件大小尽可能小。 值得让高质量幻灯片支持较小的文件大小。 请注意,缩略图的累积对页面加载时间有很大影响。

  • 之后,让您的 alt 属性发生变化,以免重复您用于类似图像的较大版本的文本。 因此,您应该使您的 alt 属性文本不同。 最后要做的是缩略图应该被索引而不是更大的图像。

5. 让您的照片进行测试

优化图像的全部目的是增加底线。 我们正在讨论如何减小文件大小以及如何让搜索引擎索引您的照片; 但是,我们没有提到测试图像来检查什么可以转化为越来越多的客户。

  • 测试每页的项目图片数量。 由于加载时间是几个非托管电子商务网站的问题,您会发现减少每个页面上的照片数量将有助于提高点击率以及销售额。 您可以在每个页面上提供大量图片,以鼓励用户体验,然后引导更多销售。 找到它的唯一方法是测试它。

  • 测试客户喜欢做什么角度。 通过提供消费者希望看到的视图,您可以看到客户忠诚度的提高。 找出答案的最好方法之一是调查您自己的客户,了解他们最喜欢什么,以查看您的产品照片。 与客户交谈并调查他们被认为是最好的习惯。

  • 测试您最好在类别页面上有多少项目列表:10、20 或 100 个项目? 您可以测试您在类别页面上列出的商品数量,以检查最适合您的买家的商品。

相关文章

  • 每个商店都需要 20 多个 Best Shopify 应用程序
  • 11 个适合您业务的最佳库存照片网站

最后的话

图像具有提升业务外观和感觉的能力,并且可以很好地作为关键的销售工具。 实现这一点的所有工具都可用,并且您应该尝试包含最有用的顶部以及上述技术。 我们希望通过我们关于电子商务产品图片最佳尺寸的完整指南,您可以为您的商店业务高度优化您的图片。 现在,是时候重新开始了,计划是关键。