在这篇文章中 我们将列出网站图像的类型。 这是一个必须注意的问题，因为它影响加载页面所需的时间和服务器上的磁盘空间。这是另一篇文章的序言，我们将在其中提到准备映像的 Linux 工具。
几天前我告诉过你，应一位老朋友的要求，我暂时恢复了 Web 开发（由于无法忍受客户而放弃的活动），我用它来告诉你不同的开源解决方案。
网站图像类型
网站有两种类型的基本内容：文本和多媒体。 有关该内容的信息以位格式在网络上传输，浏览器会对其进行重建 将文字与图像、视频或声音分开。
就图像而言， 使用不同的格式，其中包含有关像素位置、颜色、尺寸和压缩算法的信息。
网站上最常用的图像格式是：
- 巴布亚新几内亚： 它由 Mozilla 开发，为 PNG 格式提供动画功能。非常适合与其他资源（例如声音）不同步的动画。它可以使用比 GIF 更广泛的调色板。
- 视频文件： 不应将其与 AVI 视频格式混淆。它的名称是 AV1 图像格式的缩写，它将 AV1 比特流编码到 HEIF（高效图像文件格式）容器中。它具有比 JPG 和 PNG 更好的有损压缩，比 WebP 更好的无损压缩。支持动画和透明度。作为一个缺点，应该指出的是，图像必须完全下载才能查看，尽管下载时间较短可以弥补这一点。
- BMP： 我提到经典的 Windows 图像格式，只是为了告诉您永远不应该使用它。尽管有一些方法可以减小它们的尺寸，但它们往往是相当重的图像。
- GIF：它是一种为无损压缩 8 位图形而创建的格式。它非常适合连接速度较慢的网站上的简单动画和图像，因为它允许您显示完整图像，但在未完成下载时以较低质量显示。
- JPEG： 它是一种广泛用于照片的有损压缩格式，但不建议用于图形或图表。
- PNG： 它也被广泛使用，它提供无损压缩、出色的透明度处理以及比 GIF 更广泛的调色板。
- SVG： 这种格式不是用像素来定义图像，而是用一系列构建图像的命令来定义图像。它非常适合需要精确表示的图形和图表。
- TIFF： 它不是一种广泛使用的格式，因为它会生成非常重的图像。尽管如果您要在网站上嵌入的是扫描图像，那么它会很有用。您可以将多个图像存储在一个文件中。
- WebP： 这种静态图像和动画格式在压缩或未压缩的情况下生成的文件比 JPEG 和 PNF 更小。它还可以用于创建动画。尽管所有现代浏览器都支持它，但旧浏览器不兼容。
每种情况使用什么图像
- 摄影：理想的是使用 JPEG 或 WebP。如果大小很关键，最好使用第二个，如果要确保与旧版浏览器的兼容性，最好使用第一个。
- 图标：PNG 提供最佳兼容性和尺寸比例。如果我们想使用将在网站其他地方放大显示的矢量图像，也可以使用 WebP（考虑到只有现代浏览器支持它）或 SVG。
- 屏幕截图：考虑到在此类图像中我们需要看到文本，因此最好使用无损压缩的图像，例如 PNG 或 WebP。您可以使用 JPEG 测试它的外观。
- 图表：毫无疑问，最好的选择是 SVG，尽管我们可以放置 PNG 格式的图像作为备份。