压缩图像可以减小其文件大小。图像压缩可以是有损压缩或无损压缩。

什么是图像压缩?

图像压缩是一个使图像文件变得更小的过程。图像压缩通常通过从图像中删除字节信息来实现,或者使用图像压缩算法以占用更少存储空间的方式重写图像文件。压缩图像是确保用户与网站或应用程序交互时快速加载图像的有效方法。它是图像优化的重要组成部分。

为什么图像压缩很重要?

压缩图像的加载速度比未压缩图像更快。这很重要,因为网页和应用程序的加载速度对搜索引擎优化、转化率是开发者优化网站的主要方式之一。网络性能以及其他关键指标。提高数字体验、用户

图像压缩通常与其他方法一起使用,以提高网络性能。例如,CDN 缓存内容以更快地将其交付给最终用户。 负载平衡有助于防止网络服务器过载。使用延迟加载可以让网页中最重要的内容加载得更快。但总的来说,图像压缩通常是修复页面性能缓慢的最快方法之一。

什么是有损图像压缩?

想象一下一位旅行者正在收拾旅行的衣服。旅行者可以把所有东西都装进衣柜里,从鞋子到帽子再到正装。但这种方法会导致旅行者需要随身携带大量行李,从而减慢他们的速度,并且可能会花费更多的运输费用。相反,旅行者会选择最重要的衣物并将它们装入一个手提箱中。

正如我们的旅行者不需要带上整个衣柜一样,人们也很少需要以最大分辨率和最大尺寸查看整个图像。 (最常用的桌面屏幕尺寸是 1680x1050 像素,最常用的移动屏幕尺寸更小,为 360x800 像素。即使在这些尺寸下,图像也很少占据整个屏幕。)通常,图像可以以一般观看者无法察觉的方式降低质量和尺寸——这种方法被称为“有损”。图像压缩。

有损图像压缩保留图像最重要的信息,而不保留每个像素。有几种类型的有损压缩算法,下面将更详细地描述。但所有这些都是通过从图像文件中删除信息来实现的,以便文件由更少的字节组成。

有损图像压缩方法

网络上托管的许多图像都是使用有损压缩的文件格式。这可确保图像快速加载并且不会使用太多带宽。有损压缩方法的常见示例包括:

  • JPEG: 这种文件格式以联合图像专家组命名,可能是使用最广泛的图像压缩方法。它通常可以按 10:1 的比例压缩文件,同时对图像质量的影响最小。 JPEG 的最新版本包括 JPEG 2000 和 JPEG XR,但许多浏览器不支持这些格式。
  • WebP: 虽然 WebP 也支持无损压缩,但它更常用于有损图像压缩。 Google 最初开发 WebP 是为了取代 JPEG、PNG 和 GIF 文件格式。
  • 高效图像格式 (HEIF): 高效图像格式 (HEIF) 是一种压缩图像的容器文件。用这种方法压缩的图像有时称为 HEIC 文件。

什么是无损图像压缩?

如果我们的旅行者想要的衣服无法放入行李箱,他们可能会尝试重新折叠和重新排列衣服以使其更合身。类似地,“无损”也可以是“无损”。图像压缩使用数学算法重写图像文件而不删除任何信息。经过无损压缩处理的图像应与原始图像基本相同,但文件大小应小得多。

虽然无损压缩可以将图像文件大小减少多达 40%,但在减少文件大小和优化网络图像方面,其效果仍然不如有损压缩。网站构建者在决定有损和无损图像压缩时应仔细考虑最终用户的需求,并测试网站的速度。

无损压缩方法

广泛使用的无损压缩方法包括:

  • 便携式网络图形 (PNG),有时在网络上使用它来代替 JPEG 或 WebP。
  • 图形交换格式 (GIF),也经常在网络上使用。
  • 位图 (BMP) 文件通常太大,无法在网络上实际使用。
  • RAW 图像根本未压缩。数码相机以 RAW 格式拍摄照片,但照片在用于网站之前应转换为另一种格式并进行压缩(除非该网站专门用于显示极高质量的图像)。

常见的图像压缩算法有哪些?

有损和无损压缩方法都使用各种图像压缩算法(算法是计算机遵循的一组规则)来实现更小的文件大小。变换编码、行程编码、算术编码、LZW、flate/deflate 和霍夫曼编码都是图像压缩算法的示例。

变换编码是一种有损图像压缩算法,通常使用称为离散余弦变换 (DCT) 的技术,这是一种使用较少信息以数学方式表示文件的方法。 JPEG 依赖于变换编码。

游程编码 (RLE) 是一种对重复像素进行编码的无损压缩算法。例如,如果一行中有八个白色像素,则它不会写出所有八个像素(如WWWWWWWW),而是记录像素数(如8W)。

算术编码是另一种无损压缩算法。与任何数字文件一样,数字图像在较低的计算级别上用一串字符表示。算术编码用更少的位对图像文件中常用的字符进行编码,用更多的位对不常用的字符进行编码。与原始字符串相比,结果总体上位数较少。

霍夫曼编码有点类似于算术编码,但通常不会减少文件大小那么多。

LZW — Lempel–Ziv–Welch 算法是一种基于 LZ77 和 LZ78(两种较旧的压缩算法)的无损压缩方法。

Flate/deflate是一种基于Huffman编码和LZ77压缩的无损压缩算法。

如何使用 Cloudflare 压缩图像

Cloudflare 提供三种用于存储、缓存、优化和调整图像大小的产品,以确保它们尽快加载:

  • Cloudflare 图片
  • Cloudflare 图像大小调整
  • Cloudflare 波兰语

通过这些服务,网站所有者只需点击一下即可优化图像,将图像转换为 WebP 等压缩文件格式,并自定义为哪些设备加载哪些图像大小。在上面的链接中了解有关这些服务的更多信息,或在此处开始使用 Cloudflare 计划。