如果您打算建立一个Shopify商店,使用他们易于使用的网站设计器和应用程序商店是建立您的电子商务网站和在线销售您的产品的好方法。但出色的在线商店取决于您将使用的视觉内容。
您将使用的产品摄影照片在提高转化率和帮助您提高销量方面发挥着重要作用。它超越了美学。对于Shopify,您需要牢记一些基本事项。
在此文章中,广州摄影公司-艾米摄影将介绍针对不同类型的Shopify图片和媒体的官方指南,以及其他提示帮助您优化视觉内容。
官方Shopify图片尺寸指南
在您考虑优化产品媒体的方法之前,您应该确保您将使用的照片符合Shopify图片尺寸指南。
以下是您需要了解的基本事项的概要:
产品图片尺寸
产品图片将是您产品列表的核心。日它们会影响购物者对您的产品和品牌的看法。由于他们无法亲自试用商品,因此他们依靠产品照片来了解所收到的商品。
创造积极购物体验的最佳方式是通过移除购物者对您的产品有何期望的困惑和不确定性。
因此,务必确保您遵循Shopify产品照片的图像尺寸指南。
最大尺寸:4472x4472像素最大文件大小:20MBShopify推荐的方形图像大小:2048x2048像素最小大小:800x800像素大小,用于缩放功能Shopify图像大小
收藏图像大小
Shopify根据性别、颜色、类型、尺寸、销售和季节性系列推荐系列。此外,图像大小需要在整个画廊中保持一致,以了解高宽比。否则,他们可能会弄乱您的产品系列页面的布局。
最大尺寸:4472x4472pixelsMax文件大小:20MBShopify推荐大小或正方形图像:2048x2048像素高宽比必须始终相同Shopify收藏页面的整洁布局示例
徽标图像大小
取决于您的Shopify主题或自定义网站布局,您的徽标可能会出现在网站的不同位置。例如,它可以位于主页的顶部和中心。它可以出现在许多Shopify商店页面的页脚中,以提高品牌知名度。
这就是为什么使用方形徽标图像(比例为1:1)是确保徽标美观的最安全选择的原因
徽标大小指南:
最大Shopify徽标大小:450x250像素方形徽标的推荐分辨率:200x200像素
标题图像大小
<p>有时您想在Shopify主题的标题块中添加额外信息。它可以是辅助徽标、促销、目录部分或搜索按钮。
页眉块的最大高度:250像素lsRecommendedheight:nomorethan120pixels
BannerImageSize
与标题Shopify图片尺寸类似,您用于横幅的尺寸取决于您使用的Shopify主题。大多数时候,主题已经为横幅提供了特定的尺寸建议。
为了获得最佳的买家体验,建议遵循主题的建议尺寸。例如,Shopify的布鲁克林主题建议尺寸为1800x1000像素。
Shopify上的横幅图像
幻灯片图像大小
Shopify幻灯片图像将采用横向。要记住的关键是幻灯片在不同设备上的外观。例如,在移动设备和桌面设备之间切换时,它们的显示方式会略有不同,以适应屏幕尺寸的差异,并且侧面可能会被裁剪。因此,请确保您的图像在中间对齐。
推荐尺寸:宽度为1200到2000像素,高度为400到600像素。使所有幻灯片图像按大小对齐幻灯片的裁剪eshowimageonShopifyformobile
优化您的Shopify照片的提示
如果您没有正确优化您的Shopify图片大小,您的商店可能会让人感觉凌乱、无组织且不专业。这会降低您的转化率和在线销售额。这一切的核心是一件事——图像大小。
需要了解的基本知识
压缩图像。为了帮助SEO和网站速度,调整图像大小并将它们压缩成更小的文件大小。缩放功能。在足够大的图像之间找到平衡,以便用户可以放大,而那些尺寸最佳的图像则不会占用太多空间。响应式图像。确保您的图像针对所有设备进行了优化。这使购物者可以更好地形象化产品并增强他们的整体购物体验。添加替代文本–向图像添加文本描述是自然流量的强大来源。为了帮助自动执行此过程,您可以使用Pixc的自动替代文本应用程序。
调整照片大小以进行优化ation
大多数人不知道调整大小可以采用不同的形式。例如,您可以在不影响图像尺寸的情况下调整图像大小(更改其图像分辨率)。您还可以更改图像纵横比(从4:3到1:1),以帮助您使整个网站上的图像保持一致。
如果不了解调整大小的工作原理,您可能最终会搞砸图像.那么如何做对呢?首先,让我们熟悉一些常见的图像术语。
图像的像素(px)尺寸表示图像由多少像素(点)组成。它可以帮助您了解照片中有多少像素,让您了解照片的质量。分辨率是数字图像中细??节的精细度,以每英寸像素(ppi)为单位进行测量。这是指每英寸图像显示多少像素。高分辨率图像意味着更高的ppi,从而产生高质量、清晰的图像,但文件更大。纵横比描述了betw之间的比率een图像的宽度和高度。例如,一张1200x1600像素的图像的纵横比为3:4。文件大小是指特定文件包含的数据(在本例中为您的照片)的度量。它告诉你它占用了多少空间。
您可以通过更改上述任何内容来调整图像大小。但底线在于你想要实现的目标。以下是Pixc在为任何电子商务网站调整照片大小时的建议。
加快您的网站
网站速度不仅对SEO至关重要,而且对买家的网站体验也很重要。是的,高质量的视觉内容对您的商店很重要。但是,如果您网站上的视觉内容占用太多空间,则会影响您网站的加载速度。
如何解决:
通过降低文件大小来调整视觉内容的大小,最好不要更改它的分辨率或ppi。您可以使用Compressor.io在不影响图像质量的情况下执行此操作。此工具可帮助您减小yo的文件大小您的图像无需更改产品照片的像素尺寸和纵横比。
创建统一且专业的产品页面
您能想象自己从产品页面凌乱的在线商店购买商品吗?可能不是,对吧?这对你的买家来说是一样的。这就是为什么您必须花时间确保您的产品页面看起来不错。它还可以帮助您的潜在买家更容易、更快地找到您的产品。
产品页面示例
如何解决:
确保使用高分辨率图像。足够高以确保缩放功能。理想情况下,您的图片任何一侧都不应小于1200像素。对所有图像使用相同的纵横比。如果不可能,至少要有英雄形象。我们在Shopify上的照片调整大小应用程序可以帮助您在几分钟内实现这一目标。不要试图放大照片。当您调整比原始照片大的照片大小时,您会拉伸每英寸的像素,从而降低图像质量。这通常会导致非常像素化或非常柔和和模糊的图像。
奖励提示:具有相同的图像背景。默认情况下,使用白色或透明背景。如果您不确定如何操作,请尝试我们在Shopify上的按需图像编辑应用程序。首次安装该应用程序时,您将获得五(5)张奖励图片。
为Shopify格式化产品照片
图片不仅有助于您的SEO和网站流量,还直接影响潜在客户的购买决定。使用格式正确的优质照片有助于为您的商店提供专业和全面的外观以及出色的缩放功能。
了解图像的哪种格式将带来更好的图像质量和更快的网站加载时间。这就是为什么必须熟悉不同的图像格式。
商店的图像方向
我们之前提到过使用相同的纵横比(因此图像方向)来帮助您的商店改善买家体验。但是,如何您选择产品的方向吗?
方形–适合任何产品。如果您有商品店或销售不同类型的产品,这是最安全的图像方向。
横向–横向图像非常适合大型产品。通常,它最适合家具、电器或工具。
纵向–这种图像方向最适合服装、珠宝、鞋子和配饰。
产品图像类型使用
主图。产品图片大多在白色或中性色背景下拍摄,包括不同角度的“主角”商品,以帮助买家做出购买决定。确保您对主打图片使用相同的纵横比。
生活方式照片。生活方式产品摄影在上下文中展示您的产品,作为由相关对象补充的生活方式的一部分,而不是仅包含产品的图像。他们向您的客户展示,当他们拥有并使用您的产品时,他们的生活将会多么美好很棒的产品。
信息图。信息图表让您可以直观地向客户展示您产品的功能和优势。有时很难用语言来表达让您的产品与众不同的原因。但是通过使用信息图表,您可以指出或突出产品的不同部分,并解释为什么它如此重要。
细节图。细节照片本质上是产品的放大照片。这种类型的产品摄影是向潜在消费者突出产品的最佳功能和角度的完美方式。
ScaleShot。在线购物时,您的消费者无法亲身接触您的产品或试穿尺寸。比例照片可以让您的潜在买家从视觉上感知您的产品的尺寸。
Shopify移动图片
到2022年,移动购物预计将增长68%。到2022年,仅在美国,移动购物的价值就将超过4200亿美元。这就是为什么拥有优化的移动预置nce是必须的。
客户希望获得尽可能无缝的精心设计的购物体验。他们希望能够随时随地访问他们的帐户信息、浏览产品和进行购买。简而言之,他们想要尽可能好的移动体验。
因此在针对移动设备优化图像时,需要注意以下几点:
Shopify会自动针对移动设备优化您的商店–但是“为他们提供周到的文件大小可能意味着更流畅的购物体验。”可管理的文件大小将使加载时间保持在最低限度,并减少Shopify优化过程中的模糊。由于这种优化,方形图像和垂直居中的产品
添加3D照片和视频
您可以将3D模型或视频上传到您的产品页面。这让客户更好地了解商品的整体外观。视频可以提供更具吸引力的客户服务经验,因为您可以将它们用于解释视频、推荐、预告片和产品演示。
与传统产品摄影相比,两者的创建成本更高。但从长远来看,它可以带来更多好处,因为展示产品所需的图片更少。
这值得吗?是的——它会让您的网站脱颖而出。需要考虑的事项:视频和3D制作会耗费大量时间和金钱。你有预算吗?这些都很重,这意味着加载时间更长,尤其是在互联网连接不良的地区。您的客户会等吗?这些仅适用于特定主题:布鲁克林、首次亮相、叙事。请记住,您可以添加到网站的视频和3D模型的数量是有限制的,具体取决于您的计划。
结论
在为Shopify上传产品图片之前,请确保您了解官方信息Shopify图片大小指南。如果您有预算和资源,请考虑添加视频和3D–但要考虑这可能会如何影响您客户的在线购物体验(尤其是如果他们中的许多人在网络连接不畅的地区使用手机购物)。如果您记住一件事:毫不妥协地优化!在不影响图像的缩放或像素化的情况下尽可能优化图像。