学习图片

关于 Web 图片的深入课程。

Web 图片的历史，从 1993 年的 image 元素开始

了解如何确保您的图片请求尽可能小且性能尽可能高。

了解 SVG，Web 上使用的矢量图片格式。

探索栅格图片，例如 JPEG、GIF、PNG 和 WebP。

了解 GIF 图片格式，以及图片编码工作原理的解释。

了解何时 PNG 是最佳图片格式选择。

了解 Web 上最常见的图片格式。

了解 WebP，并理解此格式与其他格式之间的区别。

AV1 图像文件格式 (AVIF) 是一种基于开源 AV1 视频编解码器的编码。

深入了解自适应图片。

使用 srcset 和 sizes 为浏览器提供有关图片来源及其使用方式的信息。

了解 picture 元素。

使生成高性能图片源成为您开发过程中无缝的一部分。

了解 WordPress 等 CMS 和其他站点生成器如何使使用自适应图片变得更容易。

了解图片 CDN 如何能够转换和优化图片内容。

一些其他资源。