你想创建自己的网上商店吗?欧宝体育官网入口首页

装有Shopify软件的手机图片

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

免费试用Shopify,并探索启动、运行和发展业务所需的所有工具和服务。OB欧宝娱乐APP

如何为移动Web优化您的图像

Shopify图片尺寸

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

1.选择正确的图像尺寸

在足够大的图片之间取得平衡是至关重要的,这样用户可以放大,而那些是一个最佳的大小,这样他们就不会占用太多的空间,减慢你的页面加载时间。

在Shopify上,你可以上传图片最大4472 x 4472像素,文件大小不超过20mb网站建设者通常建议使用2048 x 2048像素的方形产品照片。这些都是高分辨率的图像,给你的商店一个专业和全面的外观与伟大的变焦功能。请记住,要使用变焦功能,您的图像必须大于800 x 800像素。

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

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

来源:Beardbrand

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

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

2.选择最佳的图像格式

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

图像格式

来源:Jaelynn卡斯蒂略

JPG

JPG是最常见的数字图像文件格式。它被广泛支持,拥有一个小的文件大小和良好的颜色范围。它的压缩使您能够在文件大小和图像质量之间取得平衡。Shopify特别推荐使用JPG格式,因为它可以提供尺寸相对较小、质量较好的图片,对于产品照片来说效果很好。

PNG

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

HEIC

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

WEBP

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

GIF

GIF通过压缩和减少图像到256色来提供小文件大小。尽管它已被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欧宝娱乐APP霍莉十几岁时就开始在eBay上销售,并创建了自己的在线市场,她在电子商务、在线营销、平面设计和建立分布式团队方面有着丰富的背景。ob欧宝娱乐app下载地址她在建立和运营Shopify商店以及增加大量社交媒体关注方面也经验丰富。2016年,霍莉被列入《福布斯》30位30岁以下零售和电子商务榜单。霍莉每天往返于旧金山、布里斯班和悉尼之间。当Holly不工作的时候,她喜欢旅行,探索新的地方,美丽的设计,排版和想出新的东西经营理念

主题: