如何在不损失质量的情况下优化图像?
已发表: 2020-08-08提高网站速度的最佳方法之一是优化图像。 作为网站所有者,您可能会看到图像在增加网站内容价值方面的重要性。 但是,您还需要知道图像会增加网页的大小,这可能会影响您网站的加载速度。 因此,为了以最小尺寸添加图像,您可能需要优化它们。
如何针对 Web 性能优化图像?
成功优化 Web 性能图像的关键是在最小文件大小和可接受的图像质量之间找到平衡点。 如果您能够选择正确的组合来优化图像,则可以将图像的大小减少多达 80%。
以下是一些可以在图像优化中发挥巨大作用的东西。
图像文件格式
大多数网站所有者以 3 种不同格式上传图像,即 JPEG、PNG 和 GIF。 选择正确的文件类型对于优化图像起着重要作用。
对于想要高质量图像或透明图像的业主,PNG 是一个不错的选择。 然而,PNG 图像的一个缺点是它们通常是未压缩的,并且与其他图像格式相比,文件大小要大得多。 因此,最好使用可用的在线工具编辑 PNG 文件以减小图像大小而不会降低质量。
JPEG 用于上传具有多种颜色的图像。 他们的图像被压缩并且质量略有降低,以提供明显更小的文件大小。
而 GIF 仅使用 256 色以及无损压缩使其成为嵌入动画图像的最佳选择。
图像压缩
图像压缩在图像优化中起着巨大的作用。 有不同类型的图像压缩可用。 它们因您用于压缩的工具而异。
Adobe Photoshop、On1 Photo、GIMP、Affinity Photo 等图像编辑工具具有压缩图像大小的内置功能。
同时,还有一些网络工具,如 TinyPNG、TingJPG、JPEGMini、Imagify 等,可以帮助您压缩图像的大小。 该过程有点手动,因为您必须正常保存图像,然后使用将其上传到网络工具,然后再次下载。
如果您是 WordPress 用户,您可以使用 Optimole、EWWW Image Optimizer、WP Smush 等插件来压缩图像的大小。 这个过程对于初学者和大公司来说都是简单方便的,因为一旦您将图像上传到您的 WordPress 网站,该插件将自动压缩图像大小。
图像尺寸
当您从手机或数码相机导入图片时,它将具有非常高的分辨率和大文件尺寸。 这些照片质量非常高,适合打印和桌面出版。 但由于文件很大,它们不适合网站。
因此,要减小这些图像的文件大小,您可以减小文件尺寸。 要减小图像的文件尺寸,您可以使用 Adobe Photoshop 等图像编辑桌面软件简单地调整图像大小。
最佳图像优化工具和程序
了解了图像优化的因素后,我们来看看图像优化的工具和程序。 这些工具包含用于优化网络图像的各种设置。 我们建议您在将图像上传到您的网站之前使用这些工具,以完美优化图像。
Adobe Photoshop
Adobe Photoshop是一款高级照片编辑软件,具有内置功能,可以为 Web 保存优化的图像。
只需打开您的图像,然后单击“文件”菜单。 然后,转到导出并保存为 Web(旧版) 。
或者,您可以按键盘上的ALT + SHIFT + CTRL + S将图像保存为网络。

这将打开一个对话框。 它可以让你设置不同的图像格式。 在 JPEG 格式中,您可以看到不同的选项,例如压缩质量、图像质量、模糊百分比。
同样,您也可以选择要调整大小的图像尺寸、调整大小百分比和图像质量。
完成后,单击“保存”按钮。
小PNG
TinyPNG 是一个免费的网络应用程序,它使用智能有损压缩技术减小图像的大小。 您所要做的就是访问网站并使用简单的拖放过程上传图像。 您一次最多可以压缩 20 张图像,并且必须刷新站点才能压缩剩余的图像。


该应用程序将自动压缩图像,并为您提供所有图像的下载链接。
此外,您还可以使用姊妹网站 - TinyJPG 来压缩 JPEG 图像。
对于开发人员,该应用程序包含一个 API,用于转换和压缩网站上的图像。 而对于初学者,该应用程序包含一个 WordPress 插件。
想象一下
Imagify 是另一个免费的 Web 应用程序,可让您压缩图像的大小。 在这里,您需要在开始压缩和优化图像之前创建一个帐户。

该帐户将为您提供 50MB 的免费配额用于图像压缩,每月将补充 25MB。 如果您有大量图像需要压缩,您可以订阅该应用程序的付费版本,每月 4.99 美元起。
Imagify 的定价计划在下面的屏幕截图中给出:

注意:如果您每年订阅 Imagify,您将免费获得 2 个月的配额。
最佳 WordPress 图像优化插件
如果您是 WordPress 网站用户,则可以使用不同类型的图像优化插件来优化您网站的图像而不会降低其质量。 这些插件将自动压缩您网站中存在的所有图像以减小其文件大小。
优品

Optimole 是用于图像优化的一体化解决方案。 它完全自动化,并提供了广泛的功能来清理 WordPress 网站中的大量图像和臃肿的页面。 该插件使用基于云的系统实时优化图像,以加速您的 WordPress 网站并提供高质量的图像。
WP Smush

WP Smush 是一个屡获殊荣的 WordPress 图像压缩和优化插件。 它在不影响其质量的情况下压缩您网站的图像大小。 首先,它将扫描您网站上所有可用的图像,然后轻松地从图像中删除不需要的数据。
短像素图像优化器

ShortPixel Image Optimizer 是一个免费增值的 WordPress 插件,用于压缩和优化您网站的图像。 它带有在有损和无损优化之间选择压缩的选项。 选择后,插件将自动优化图像的文件大小。
想象一下

Imagify 是 WordPress 的高级图像优化器插件。 由 WP Rocket 插件的开发者推出,该插件带有 3 种不同的图像压缩,根据图像大小和质量的变化程度而有所不同。 此外,该插件还允许您根据需要调整图像大小。
压缩 JPEG 和 PNG 图像

Compress JPEG & PNG images 是由 TinyPNG 开发的免费 WordPress 插件——免费的在线图像压缩工具。 它与在线工具配合使用,可以在不影响网站速度的情况下压缩您网站的图像。 该插件将在激活后开始压缩您网站上存在的所有图像,并将压缩所有新上传的图像。
EWWW 图像优化器

EWWW Image Optimizer 是一个了不起的 WordPress 插件,可帮助您通过图像压缩来提高网站的速度。 它提供无损图像优化。 因此,该插件将自动减小您网站图像的文件大小,而不会影响质量。
包起来
如果您还没有优化您网站的图像,最好现在就开始。 它将为您的网站速度提供巨大的差异。
您还可以查看我们的收藏:什么是 CDN 以及它如何帮助加快网站速度