优化您的网站以获得更快的性能比以往任何时候都更加重要。网站用户期望无缝的用户体验,而 SERP 则青睐快速加载的网站。因此,您需要优化图像(包括 GIF)以提高网站性能。如果您是那种使用 GIF 来表达您的观点和开玩笑的人,您需要知道如何压缩它们。如果您不小心,文件可能会变得很大,因此图像优化的一个主要因素包括学习如何压缩动画 GIF。

我们将介绍压缩 GIF 所需的步骤。我们还将分享一系列可供您使用的压缩工具,以便您了解您的选择。

什么是 GIF 动画?

GIF 可以是静态或动画图像。如果您将大量时间花在社交媒体或消息应用程序(如 Facebook Messenger、Slack 或 Skype)上,您可能已经看过并发送过大量 GIF 动画。与视频不同,动画 GIF 是静止图像的汇编。 (How-To Geek 将它们称为“动画书”,这是我喜欢的一种表达方式。)

动画 GIF 基本上由多个静态 GIF 图像组成。当帧被组合并顺序播放时,它们似乎在移动。因为从技术上讲,创建动画 GIF 包含许多单独的文件,每个 GIF 都会占用相当多的空间。

但是,也有一些限制。 GIF 仅支持 256 种颜色,这会影响每个文件的大小,因为颜色组合试图模仿具有与 JPEG 一样丰富色彩的图像。 (JPEG 图像支持多达 1670 万种色调。)因此,动画 GIF 文件通常非常大,并且仅包含大量颜色信息。在您的网站上托管大型或加载缓慢的 GIF 可能会导致网站性能出现问题。

为什么要压缩动画 GIF?

由于动画 GIF 等大文件会降低网站的性能和加载时间,因此您希望尽可能地压缩它们。但是,不要在真空中执行此操作。将压缩 GIF 作为网站优化策略的一部分非常重要(还应包括压缩图像和其他图形元素)。

如果您是 WordPress 网站所有者,有许多因素会影响您网站的加载时间和性能。其中一些包括您的图像、WordPress 插件和网站修订。您在网站上使用的 GIF 是拼图的另一大块。

GIF 动画通常大于 1MB,这意味着您网站的加载时间可能会受到显着影响。随着我们的前进,一旦您对动画 GIF 进行压缩过程,您将看到文件大小发生显着变化。

如何压缩动画 GIF

学习如何压缩动画 GIF 既简单又快速。我们将引导您完成有关如何实现这一目标的步骤。不过,首先让我们谈谈一些可用的 GIF 压缩选项。

Izgiv

Izgif 是一款免费的压缩工具,可让您轻松学习如何压缩动画 GIF。使用这个基于浏览器的工具,只需几个简单的步骤即可上传和压缩文件。该工具利用有损压缩来工作,这意味着您可以在不丢失信息的情况下减小文件大小。它还通过稍微减少颜色、在不影响动画本身的情况下删除冗余帧以及使图像的某些元素透明来减小 GIF 的大小。

所有这些结合起来意味着您的用户将不得不加载更少的数据。

GIF压缩器

GIF Compressor 是另一种基于浏览器的免费压缩器,允许用户一次批量压缩多达 20 个文件。如果您批量压缩,您将在该过程完成后下载一个 ZIP 文件。与 Ezgif 一样,GIF 压缩器可以免费使用。

要么压缩要么死

/ p>

Compress or Die 是一款免费的 GIF 压缩器,专为希望从其 GIF 创建小型但高质量头像的用户量身定制。该站点允许用户上传自己的文件、拖放、粘贴图像 URL、使用 Base64 数据 URI 或使用 Photoshop-JSX 脚本。虽然 Ezgif 和 GIF Compressor 都允许最大 50MB 的图像,但 Compress 或 Die 只支持最大 8MB 的图像。因此,如果您使用非常详细的动画 GIF,这对您来说不是一个好的选择。

如何使用 Ezgif 压缩动画 GIF

Ezgif 可能是大多数人使用的最佳选择,因此我们将介绍准备图像所需采取的所有步骤为您的网站。

首先,启动一个新的浏览器窗口并导航至 https://ezgif.com/optimize。然后,只需从计算机中选择要上传的图像。或者,如果您已经将图像 URL 存储在网上某处,则可以粘贴该 URL。 (在这种情况下,我展示了使用 Jiffy 的这个工具的全部好处。)

点击上传,上传文件后,它将出现在窗口中。现在您可以通过选择压缩方式和压缩量来优化图像。出于本文的目的,我选择了有损 GIF 和 200 的压缩级别(此工具可能达到的最高级别)。

点击优化GIF,你会看到优化后的 GIF 显示在原始图像下方。优化的图像细节和信息立即可用。

虽然颜色和质量略有下降,但变化不足以保证以其原始形式使用近 5MB 的 GIF。压缩后,文件大小降至 1.58MB。这是 70% 的减少。这真是令人印象深刻。然而,正如我们上面提到的,即使是 1.5MB 仍然是一个相当大的文件。

因此,我们建议您继续使用内置工具编辑 GIF。您可以使用图像下方的菜单将它们保存到您的计算机。此外,根据您的文件大小(和质量)需求,您可以再次通过 Ezgif 运行它,甚至可以在已经压缩的文件上尝试使用其他压缩工具。每次执行此操作时质量都会下降,但您能达到多少取决于您的内容。

请记住,动画 GIF 与 JPEG、SVG 或 WebP 文件不匹配,即使您压缩它们也是如此。如果您需要互联网上绝对最小、最快的图像,您应该完全放弃动画。

结论

当您努力优化您的网站以获得最佳性能时,请牢记 GIF 压缩。请记住,GIF 通常比您预期的要大得多,在优化您的网站时不应忽视它们。考虑到所有这些,您知道如何压缩动画 GIF(以及完成工作的工具),因此您的网站现在应该加载得更快。

请记住,当您在您的网站上使用任何类型的媒体时,您需要确保它已获得商业用途的适当许可。这包括 GIF - 只是为了安全起见。

您最喜欢的 GIF 动画压缩工具是什么?让我们知道我们应该在评论中使用什么!

精选图片来自 muchomoros / shutterstock.com

来源