如何优化产品图像：说明和资源

发布 2年前 by 阿纳斯塔西娅·普罗科菲耶夫

当客户访问您的网站时，产品图片有助于达成交易。为了保持他们的兴趣，您必须拥有快速加载的有吸引力的照片。换句话说，您需要优化您的产品图像。

您可能想知道如何找到最佳图像大小、如何压缩图像以及如何在不损失质量的情况下优化图像。

我们已经为你做好了准备。在本文中，我们将探讨坚韧不拔图像优化，并查看可用的工具，以便快速轻松地完成工作。

为什么需要优化图像？

图像是每个网站的重要组成部分。对于电子商务网站来说尤其如此。当顾客考虑购买某样东西时，图片会影响他们。它们添加到网页的整体设计中，帮助客户选择产品，并提高网站的搜索引擎优化。

例如，您想避免上传大文件。它们会减慢您的页面速度，从而影响您的搜索引擎排名并赶走潜在客户。没有人愿意在网上购物时等待页面加载。这就是为什么您必须优化产品图像。

了解图像尺寸和比例

让我们看看优化图像时需要注意什么。

图像的大小和尺寸非常重要。这些参数会影响文件大小和图像在不同设备上的外观。

份量

现在是高分辨率和高速互联网，但这并不意味着我们不应该担心优化图像。现代相机甚至智能手机都可以拍摄高分辨率图像。您甚至可能已经为您的商店准备了这样的图片。

然而，当图像太大时，它们不适合互联网。它们会降低加载速度，尤其是在手机上。如果您不想让访客变得不耐烦并离开您的商店，您应该缩小图片的尺寸。

图像有两种尺寸：

图像尺寸 是图形在屏幕上占据的空间。该尺寸以像素 (px) 为单位，即构成屏幕的各个点。您可以在 Ecwid 商店上传任何尺寸的图像。然后对它们进行优化以适应浏览器窗口的宽度。即便如此，最好将产品图片缩小到 1000 x 1000 像素左右。该尺寸足够大以显示产品，并且足够小以快速加载。
文件大小 是图像占用的内存空间。此大小以字节为单位，通常为公斤- （千字节），兆- （Mb）和千兆字节（Gb）。图像文件越大，所需的存储空间就越大。

该产品图片尺寸为1920×1920，文件大小为272 kB

文件越大，加载时间越长。文件压缩软件是为了解决这个问题而开发的。通常通过优化颜色数据来压缩图片。

然而，强压缩会降低图像的“质量”。它会导致噪音或突然的颜色过渡。

对于大约 1000 px 的文件大小，良好的压缩将占用大约 200 kB。

现在让我们详细了解如何为照片选择正确的比例。

比例

图像的比例表明宽高比比。

有些比例比其他比例更赏心悦目。标准的比例总是看起来不错。它们是 1:1、4:3、3:2 和 16:9。

比例很重要，因为它们有助于定义网站的外观。力求所有产品图像采用相同的比例，以使您的店面具有结构化和专业的外观。

如何选择图像格式

为了获得最佳成像效果，要记住的另一件事是图像格式。它是保存图像的文件类型。

图像格式有很多种。每个在质量、压缩和支持方面都有其优点和缺点。您应该选择以最小尺寸提供最高质量的格式。

网络上最常见的三种格式是 JPEG、PNG 和 GIF。每一个都应该以特定的方式使用。

让我们来分解一下格式：

的GIF （图形交换格式）能够使用不超过 256 种颜色存储压缩数据而不会降低质量。该格式通常支持动画。很长一段时间，GIF 是互联网上最常见的格式……直到 PNG 出现。
PNG （便携式网络图形）使用无损压缩并存储无限数量的颜色。
JPEG格式 （联合摄影专家组，开发者的名称）是存储照片和其他图像的最典型的格式。 JPEG 算法可以使用有损和无损压缩（稍后详细介绍）。文件大小越大，损失越小。

你应该选择哪种格式？如果你有动画图片，那就是简单—GIF 是您要寻找的格式。但是 JPEG 和 PNG 呢？

JPEG 和 PNG 文件很相似，但它们也有重要的区别。 JPEG 的尺寸较小，因为它们使用删除一些数据的压缩过程。另一方面，PNG 支持透明背景，更适合图形设计。

一般规则是对没有透明背景的照片和图像使用 JPG。至于 PNG，最好将它们用于图形、具有透明背景的文件以及其他清晰度和色彩鲜艳度很重要的图像。因此，对于产品照片，优先选择 JPEG 而非 PNG 是有意义的。

该产品照片为JPEG格式

如何在不损失质量的情况下压缩图像

压缩有助于减小图像的大小。质量越低，压缩率越高，文件大小越小。

有两种类型的压缩：

有损压缩 通过删除冗余数据来减小文件的大小。但是，当您以这种方式压缩文件时，可能会显着降低图像质量。
无损压缩 是一种保持文件质量较高的技术。但是，它不会像有损压缩那样减少文件大小。如果您需要减小文件大小而不明显影响质量，最好选择无损压缩。

继续阅读以了解可用于压缩图像而不会造成质量损失的在线工具。

如何优化网络图像：工具概述

想知道如何优化网站的图像吗？幸运的是，您可以使用在线工具自动优化图像，而无需花费数小时观看 Photoshop 教程。

以下网站可以为您自动优化：

如何优化图像大小：4 个简单的工具

如果您正在寻找文件大小缩减程序，请查看以下服务之一。它们要么免费，要么有免费试用：

TinyJPG：减少 JPEG 图像的文件大小。根据他们的网站，它可以减少70%以上！
TinyPNG：相同的图片压缩器，但适用于 PNG 文件。
Squoosh：一款图像压缩器 Web 应用程序，可通过多种格式减小图像尺寸。
JPEGmini：JPEG 文件的照片压缩器。它具有对摄影师有帮助的更高级功能，包括直接从 Lightroom 和 Photoshop 导出照片。
ImageOptim：Mac 设备的图像优化器。您需要下载它才能使用。

使用 JPEGmini 优化图像

如果您经营 Ecwid 商店，您可以使用 SEO速度和图像优化器应用程序来自 Ecwid 应用市场。该应用程序允许一键式产品图像优化和压缩有助于加快产品页面的加载时间。

如何优化 WordPress 图像

如果您有 WordPress 网站，则可以使用图像优化器和压缩插件。它们可以帮助您自动优化 WordPress 网站中的图像，从而实现更好的速度和性能。

顺便说一句，如果您正在为您的 WordPress 网站寻找电子商务插件，请查看此 Lightspeed 插件的 Ecwid。它允许您轻松地将在线商店添加到您的 WordPress 网站。安装后，该插件会自动创建一个商店页面，您的客户可以在您的网站上购物。

EWWW图像优化
EWWW图像优化是压缩照片和优化网站上图片的最佳 WordPress 插件之一。优化图片的整个过程都是自动化的。这包括压缩图片和缩放以适合合适的页面和设备尺寸。该插件基于订阅但它提供了一个 7天免费试用。

压缩 JPEG 和 PNG
压缩 JPEG 和 PNG 是我们已推出的服务背后的团队创建的插件提到—TinyPNG 和 TinyJPG。它会在上传时自动压缩图片。您还可以批量优化旧图片。使用免费帐户，您每月可以优化 500 张图片。

reSmush.it
reSmush.it 是一个免费的 WordPress 图像压缩插件，可压缩最大 5MB 的文件。您可以在上传时自动优化图像、批量优化旧图像以及从优化器中排除某些图片。

用于编辑产品图像的工具

如果您不介意自己编辑图片并且不害怕 DIY，那么您可能会发现照片编辑工具很有帮助。这里是其中的一些：

Photoshop中
Photoshop 提供免费在线编辑用于基本图像处理（例如裁剪或调整图像大小）。它还允许您从图片中删除背景，并使用不同的设置（例如对比度、亮度、饱和度、温暖度或锐化）微调您的照片。

在线 Photoshop 编辑器提供您可以使用的设计模板

GIMP
GIMP 是一款适用于 Windows、Mac 和 Linux 的免费程序。它提供专业图形和照片所需的一切，包括图层和蒙版、色彩校正、修饰和绘画工具。 GIMP 支持所有主要的图像文件格式。

PicMonkey
PicMonkey 是一款在线编辑器，界面简洁，具备所有基本功能，如裁剪、旋转、锐度控制、处理颜色和选择照片分辨率。它提供用于创建广告、社交帖子、徽标、信息图表等图像的模板。它有一个 7天免费试用。

的Pixlr
的Pixlr 为初学者和专业人士提供免费的在线编辑器和设计资源。它有用于颜色、绘图和照片编辑的工具。使用 Pixlr，您可以使用图层并使用不同的效果和滤镜。如果您有兴趣，您可以试驾 30 天免费高级计划。

有关图像优化的更多信息

大图像可能会降低您网站的速度，因此针对网络对其进行优化非常重要。通过调整大小和压缩来找到适合您图片的图像格式可以为您的网站速度加载带来奇迹。

现在您知道了好消息：优化非常容易做到！您也可以在需要时回来参考这篇文章。

如果您是更高级的用户并且渴望了解有关如何优化图像以进行 SEO 的更多信息，我们建议您观看 Google 提供的此视频。它介绍了一些有关优化网站图像的高级技巧。在这里观看：

无论您作为电子商务所有者的经验如何，都不要忘记图像优化。即使是最简单的工具也可以使您的图片适合网络。通过优化您的图片，您可以极大地影响客户的购物体验。确保您的产品图片既美观又加载速度快！

如果您刚刚开始电子商务之旅并且需要创建在线商店，请查看光速 Ecwid。它允许您自己建立一个免费的在线商店，无需编码或设计技能。如果您需要尽快开始在线销售，那么这是完美的选择！

关于作者

Anastasia Prokofieva 是 Ecwid 的一名内容作家。她撰写有关在线营销和推广的文章，旨在让企业家的日常工作更轻松、更有回报。她还对猫、巧克力和在家制作康普茶情有独钟。