带有Shopify软件的手机图片

OB欧宝娱乐APP从Shopify开始你的业务

尝试免费的Shopify,并探索所有的工具和服务,你需要开始,运行和发展你的业务。OB欧宝娱乐APP

如何为移动网络优化你的图像

Shopify图像大小

90%的互联网用户也可以通过移动设备访问网络。这意味着确保你的网站和社交媒体图像为移动用户优化是非常重要的。要正确地优化图像,请遵循下面的快速步骤教程。

1.选择正确的图像尺寸

在足够大的图片以便用户可以放大和那些最佳大小的图片之间取得平衡是至关重要的,因为它们不会占用太多空间,降低页面加载时间。

在Shopify上,你可以上传图片大小为4472 x 4472 px,文件大小不超过20mb网站建设者通常建议使用2048 x 2048像素的方形产品照片。这些是高分辨率的图像,让你的商店具有专业和全面的外观,具有强大的缩放功能。请记住,为了实现缩放功能,你的图像必须大于800 x 800 px。

同样的,亚马逊而且Etsy,有1000x1000px的图像要求,以启用缩放。

为了在你的产品线和收藏页上保持统一的外观,你应该保持所有特征图像的宽高比相同。例如,你可以让它们都是方形的,就像我们下面看到的那样。

来源:Beardbrand

您的特征图像是将在您的商店中出现的产品的第一个图像-您的主页、购物车页面、结帐页面和各种收集页面。所有的缩略图也要保持相同的大小和形状,以传达一个精致的商店外观。

请记住,你的许多客户也会在手机上浏览,正方形图像更容易在较小的屏幕上重新定位。不仅如此,方形和垂直的图像占据了更多的手机屏幕,让他们可以看到更多你的照片。

2.选择最佳的图像格式

让我们来看看产品摄影中最广泛使用的文件格式,以及它们各自带来的好处。这里列出了它们在产品摄影中使用的普遍程度。

图像格式

来源:Jaelynn卡斯蒂略

JPG

JPG是最常见的数字图像文件格式。它被广泛支持,拥有小文件大小和良好的颜色范围。它的压缩可以让你在文件大小和图像质量之间取得平衡。Shopify特别推荐JPG,因为它可以提供相对较小的图像和良好的质量,适用于产品照片。

PNG

PNG是为了改进GIF格式而创建的,它消除了256色的限制。它被广泛接受,无损(减少文件大小而不降低质量),并支持透明度(例如透明背景)。缺点是,由于无损压缩,PNG文件的大小可能很大,而且格式不像JPG那样普遍兼容。

HEIC

HEIC文件是一种节省空间的文件格式,它使用先进的压缩技术,所占空间约为等效JPEG文件的一半。它最常用于存储iOS设备上的照片,因为它是苹果的标准文件格式。

WEBP

WebP是一种现代的图像格式,它为web上的图像提供了优越的压缩,与传统的文件格式(如PNG和JPEG)相比,平均节省了超过30%的文件大小

GIF

GIF通过将图像压缩到256色来提供小文件大小。虽然它已经被PNG广泛取代,但它仍然用于动画,因为它是唯一一种既支持PNG又被浏览器普遍认可的格式。

TIFF

TIFF是一种无损压缩格式,广泛支持一系列编辑和web应用程序。它提供了高质量的分辨率,多个图像和页面可以方便地保存在一个文件中。然而,文件大小往往很大。

总的来说,JPG无疑是最方便的,当谈到结合较小的尺寸和良好的质量。虽然PNG提供了更高质量的无损压缩,但它这样做的代价是较大的文件大小。如果你想要360度拍摄,并且想要轻量级的文件,GIF很有用。相比之下,TIFF可以提供很好的质量,但生命大小通常相当沉重和不切实际。

来源:Jaelynn卡斯蒂略

3.记住文件大小

较大文件大小的图片会极大地影响网站的速度,特别是当访问者试图通过智能手机访问它的时候。如果你的网站运行速度太慢,这就增加了用户离开你的网站而转向谷歌搜索的可能性。

这就是为什么你要压缩大图像,这样它们的文件大小就不会那么大。特别是因为许多网站都有允许你上传的最大文件大小,例如Shopify,最大文件大小为20mb。

有一些在线工具可以提供帮助,比如TinyPNGJPEG压缩.有了这些工具,你可以很容易地把你的大图像文件拖到上传区,压缩它们,使它们成为小文件(同时仍然保持图像质量),然后重新下载新文件。

截图

在大多数情况下,你会希望你所有的标题或背景图片不超过1mb,你的产品照片在300kb左右。

4.为移动屏幕调整照片大小

Shopify会自动调整图片的大小以适应更小的屏幕,但某些图片有时可能需要手动编辑。请记住,桌面和移动屏幕不仅大小不同,而且方向相反。

虽然Shopify试图用温和的裁剪来适应这种情况,但最好是你的图像是方形的,你的产品是垂直和水平居中的。

此外,分辨率过大的图像,比如Shopify的最大分辨率为4000 x 4000像素,在为移动设备调整大小时可能会变得模糊。因此,将图像缩小到更易于管理的大小和形状,同时考虑到移动,可以帮助你的商店在所有设备上看起来更好。

相机

请记住,大文件也会减慢网站的加载时间。在电子商务领域,尤其是移动领域,每一秒都很重要,所以优化你的图像应该是优先考虑的。

因此,虽然无损压缩可以为您提供最高质量的图像,但它通常会创建大文件,需要永远上传(特别是批量上传),并会减慢您的页面加载时间,导致访问者放弃您的商店。这在移动设备上尤其如此,因为移动设备的网速可能较慢,等待图片最终出现会让购物者感到沮丧。

虽然Shopify的响应式设计和算法擅长在设备上调整大小和显示图像,但为他们提供周到的文件大小可以意味着更流畅的购物体验。

作者简介

Holly Cardew是Pixc的创始人,Pixc是一个帮助电子商务商店编辑和优化产品照片的平台,这样他们就可以增加销量。Pixc通过在24小时内编辑和删除背景,将普通产品图像变成美丽的图像。OB欧宝娱乐APPHolly十几岁的时候就开始在eBay上卖东西,并创建了自己的在线市场,她在电子商务、在线营销、平面设计和组建分布式团队方面都有背景。ob欧宝娱乐app下载地址她在建立和运营Shopify商店方面也很有经验,并在社交媒体上拥有大量粉丝。2016年,Holly被列入福布斯30岁以下零售和电子商务30人名单。霍莉经常往返于旧金山、布里斯班和悉尼。当Holly不工作的时候,她喜欢旅行,探索新的地方,美丽的设计,排版和想出新的经营理念

主题: