如何针对移动网络优化您的图像

已发表: 2016-02-09

在为图像选择文件类型和尺寸时,请牢记质量、页面加载时间、缩放功能和市场要求,尤其是在您在多个平台上销售时。 让我们来看看优化网络图像以及如何选择文件类型,同时牢记移动设备以改善用户体验。

选择正确的图像尺寸

重要的是要在足够大的图像之间取得平衡,以便用户可以放大和最佳尺寸,这样它们就不会占用太多空间并减慢页面加载时间。 在 Shopify 上,您可以上传最大为 4472 x 4472 像素的图像,文件大小最大为 20 MB。 但网站建设者通常建议使用 2048 x 2048 像素的方形产品照片。 这些是高分辨率图像,可为您的商店提供专业、全面的外观和强大的缩放功能。 请记住,要使用缩放功能,您的图像必须大于 800 x 800 像素。

类似地,Amazon 和 Etsy 需要 1000 x 1000 像素的图像才能启用缩放。

为了在您的产品线和产品系列页面上保持统一的外观,您应该保持所有特征图像的宽度和高度纵横比相同,例如正方形。 您的特色图片是产品的第一张图片,它将出现在您的商店中——在您的主页、购物车页面、结帐页面和各种产品系列页面上。 保持所有缩略图的大小和形状相同,以传达精美的商店外观。 请记住,您的许多客户也将在移动设备上浏览,并且方形图像更容易重新定位以适应较小的屏幕。

资料来源:比尔德布兰德

选择正确的图像格式

让我们看一下产品摄影中最广泛使用的文件格式以及它们各自带来的好处。 此处列出了它们在产品摄影中的使用频率。

JPG

JPG 是最常见的数字图像文件格式。 它得到广泛支持,文件大小小,色彩范围好。 它的压缩允许您在文件大小和图像质量之间取得平衡。 Shopify 尤其推荐 JPG,因为它可以提供尺寸相对较小且质量较好的图像,非常适合产品照片。

PNG

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

动图

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

国际电影节

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

BMP

BMP 常用于 Windows 生态系统。 它支持数据压缩、Alpha 通道(在 Photoshop 中用于存储可用于操作图像部分的附加信息,例如添加透明背景),以及几乎通用的兼容性。 未压缩,它提供完美的图像,但文件大小也可能非常大。

总体而言,在将较小的尺寸与良好的质量相结合时,JPG 无疑是最方便的。 虽然 PNG 提供了更高质量的无损压缩,但这样做的代价是更大的文件大小。 如果您提供 360 度拍摄并想要轻量级文件,GIF 很有用。 相比之下,BMP 和 TIFF 可以提供出色的质量,但实物尺寸通常相当沉重且不切实际。

资料来源:杰琳·卡斯蒂略

为移动设备调整图像大小

Shopify 会自动调整图像大小以适应较小的屏幕,但某些图像有时可能需要手动编辑。 请记住,桌面和移动屏幕不仅大小不同,而且方向相反。 虽然 Shopify 试图通过温和的裁剪来适应这一点,但最好是您的图像是方形的并且您的产品是垂直和水平居中的。

此外,分辨率过大的图像(例如 Shopify 的最大 4000 x 4000 像素)在针对移动设备调整大小时可能会变得模糊。 因此,将您的图像缩小到更易于管理的尺寸和形状,同时考虑到移动设备,可以帮助您的商店在所有设备上看起来更好。 请记住,大文件也会减慢您网站的加载时间。 在电子商务中,尤其是在移动领域,每一秒都很重要,因此优化您的图像应该是当务之急。

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

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

关于作者

Holly Cardew 是 Pixc 的创始人,Pixc 是一个帮助电子商务商店编辑和优化产品照片以增加销售额的平台。 Pixc 通过在 24 小时内编辑和移除背景,将普通的产品图像变成漂亮的图像。 从十几岁开始,在 eBay 上销售并创建了自己的在线市场,Holly 拥有电子商务、在线营销、平面设计和建立分布式团队的背景。 她在建立和运营 Shopify 商店以及发展大型社交媒体追随者方面也经验丰富。 2016 年,Holly 入选零售和电子商务福布斯 30 位 30 岁以下的榜单。 Holly 在旧金山、布里斯班和悉尼之间奔波。 当 Holly 不工作时,她喜欢旅行、探索新地方、精美的设计、排版和提出新的商业理念。