图片压缩

AVIF

AVIF（AV1 Image File Format）是一种高效的图像压缩格式，基于开放、免费的视频编解码器AV1。它提供了比传统的图像格式（如JPEG）更好的压缩率，同时保持了更高的视觉质量。
以下是AVIF压缩格式的一些特点和优势：

高效压缩率 ：AVIF采用现代视频编解码技术，在相同质量下通常可以实现更小的文件大小。
支持广泛的颜色深度 ：AVIF支持8位、10位和12位的颜色深度，并且能够表示广泛的颜色范围。
支持HDR（高动态范围） ：AVIF能够处理高动态范围的图像，使得显示设备能够呈现更丰富的颜色和明暗细节。
透明度支持 ：AVIF支持alpha通道，可以实现高质量的透明图像。
渐进式加载 ：AVIF支持渐进式加载，允许图像在加载过程中逐渐显示出更高质量的内容，有助于改善用户体验。
广泛的浏览器支持 ：越来越多的现代浏览器已经开始支持AVIF格式，这意味着可以在Web上使用AVIF图像以提供更好的性能和用户体验。
总的来说，AVIF是一种非常有前景的图像压缩格式，具有出色的压缩率和视觉质量，适合用于各种场景，包括网页图像、移动应用程序和数字媒体等。
Browser JPEG
Browser JPEG并不是一种特定的图像格式，而是在浏览器中展示JPEG图像的过程。JPEG（Joint Photographic Experts Group）是一种常见的图像压缩格式，用于存储和传输照片等真实场景图像。
当一个JPEG图像被加载到Web页面中时，浏览器会根据HTML代码中的标签或CSS样式将其显示出来。浏览器会解码JPEG图像文件，并通过浏览器的渲染引擎将其呈现给用户。
浏览器通常会对JPEG图像进行优化，以提高加载速度和性能。这种优化通常包括：
图像压缩 ：JPEG图像已经使用了有损压缩算法，但浏览器可能会进一步优化压缩级别以减小文件大小，加快加载速度。
异步加载 ：浏览器可以异步加载JPEG图像，以避免阻塞网页的加载时间。
懒加载 ：当页面中存在大量图片时，浏览器可能会延迟加载视口外的图片，只有当用户滚动页面至图片位置时才加载它们。
响应式设计支持 ：浏览器可以根据设备的屏幕大小和分辨率加载不同尺寸的JPEG图像，以提供最佳的用户体验。
综上所述，Browser JPEG指的是浏览器中展示JPEG图像的过程，浏览器会做一系列优化以确保图像加载速度快、性能好，并提供良好的用户体验。
Browser PNG
Browser PNG并不是一个特定的图像格式，而是指在浏览器中展示PNG（Portable Network Graphics）图像的过程。PNG是一种常见的位图图像格式，通常用于网络上的图像传输和网页设计。
以下是关于在浏览器中展示PNG图像的一些要点：
透明度支持 ：PNG格式支持透明度，允许图像具有透明或半透明的部分，这对于需要与不同背景进行合成显示的图像非常有用。
无损压缩 ：PNG使用无损压缩算法，因此保留了图像的高质量细节和清晰度。
广泛应用 ：PNG图像通常用于网站设计、图标、图形设计以及其他需要透明背景或良好细节保留的场景。
浏览器兼容性 ：所有现代浏览器都支持PNG格式，在网页开发中广泛应用。
优化技术 ：为了提高性能，PNG图像可以通过压缩和优化工具进行进一步压缩，以减小文件大小而不牺牲图像质量。
动态PNG（APNG） ：除了静态PNG图像外，还有一种称为APNG（Animated Portable Network Graphics）的动态PNG格式，用于创建带有动画效果的图像。
总之，PNG图像格式在网络上的使用非常普遍，并且由于其支持透明度和无损压缩等特性，它是网页设计中常用的图像格式之一。在浏览器中加载和显示PNG图像非常简单，只需使用标签将图像插入到HTML页面中即可。
JPEG XL (beta)
JPEG XL是一种新兴的图像压缩格式，旨在提供比传统JPEG更好的压缩率和视觉质量。它结合了现代压缩技术与先进的编码算法，旨在成为下一代主流图像格式。
以下是关于JPEG XL（beta版本）的一些要点：
高效压缩 ：JPEG XL采用先进的压缩算法，可以实现比传统JPEG更高的压缩率，同时保持更好的图像质量。
特性丰富 ：JPEG XL支持多种功能，包括可变比特率编码、无损压缩、动态调整图像质量、渐进式加载等。这使得它适用于各种应用场景，从移动设备到高分辨率显示器。
广泛的颜色深度支持 ：JPEG XL能够表示广泛的颜色范围，并支持高动态范围（HDR）图像。
透明度支持 ：JPEG XL可以处理带有alpha通道的图像，实现高质量的透明图像。
渐进式加载 ：JPEG XL支持渐进式加载，允许图像逐步显示更高质量的内容，提升用户体验。
浏览器支持 ：尽管目前JPEG XL仍处于beta阶段，但随着时间的推移，预计会有越来越多的浏览器开始支持该格式。
JPEG XL作为一种新兴的图像格式，具有很大的发展潜力，可能成为未来网页设计、数字媒体和移动应用程序开发中的重要工具。在实际应用中，JPEG XL可以为用户提供更好的图像质量和更快的加载速度，为图像压缩技术带来新的突破。
MozJPEG
MozJPEG是由Mozilla开发的一种JPEG图像编解码器，旨在改进JPEG压缩算法，提供更好的视觉质量和更高的压缩率。MozJPEG主要专注于通过调整JPEG编码器的参数来优化压缩结果，以适应现代网络和移动设备对图像加载速度和质量的需求。
以下是关于MozJPEG的一些要点：
优化压缩 ：MozJPEG通过对JPEG编码器进行优化，试图提高图像的压缩效率，从而减小文件大小并保持图像质量。
渐进式加载 ：MozJPEG支持渐进式加载，这意味着图像可以逐步显示出更高质量的内容，改善用户体验。
开源项目 ：MozJPEG是一个开源项目，可以自由获取和使用，使其成为许多开发人员和组织的首选选择。
针对Web优化 ：MozJPEG的设计目标之一是为Web优化图像压缩，以便在网页上快速加载图像，并提供良好的用户体验。
兼容性 ：MozJPEG生成的JPEG图像与标准JPEG格式兼容，因此可以在各种设备和平台上正常显示。
总的来说，MozJPEG致力于提供更好的JPEG压缩效果，以满足现代网络环境下对图像加载速度和质量的需求。该工具可帮助开发人员优化他们的图像内容，从而改善网站性能和用户体验。
OxiPNG
OxiPNG是一个用于优化PNG图像文件的开源工具。它旨在减小PNG图像文件的大小，同时保持图像质量。通过使用OxiPNG，用户可以有效地压缩PNG图像，从而减少它们在Web页面加载时所需的带宽和加载时间。
以下是关于OxiPNG的一些要点：
PNG图像优化 ：OxiPNG通过应用各种优化技术来减小PNG图像文件的大小，包括无损压缩、颜色类型选择、滤波器选择等，以提高图像的压缩率。
开源项目 ：OxiPNG是一个开源项目，任何人都可以免费获取、使用和修改它，使其成为许多开发人员和设计师的首选工具之一。
命令行工具 ：OxiPNG通常是一个基于命令行的工具，用户可以轻松地在终端中运行命令来对PNG图像进行优化。
批处理处理 ：用户可以将OxiPNG应用于整个目录中的PNG图像，以一次性批处理压缩多个图像文件。
快速和高效 ：OxiPNG旨在快速且高效地处理PNG图像，生成经过优化的图像文件，以便在网页上更快加载。
总的来说，OxiPNG是一个有用的工具，可帮助用户减小PNG图像文件的大小，提高网页加载速度，并节省带宽。通过优化PNG图像，用户可以提升网页性能和用户体验。
QOI https://qoiformat.org/
QOI 速度很快。它可以无损地将图像压缩为与 PNG 类似的大小，同时提供 20 至 50 倍更快的编码速度和 3 至 4 倍更快的解码速度。
QOI 很简单。参考编码器/解码器大约包含 300 行 C 代码。文件格式规范是单页 PDF。
QOI 的不足
QOI 对平滑的图像压缩比较擅长，一旦图像出现了较多噪声，RUN 方法效率降低。
对 alpha 通道频繁变化的图像，RGBA 块明显增多，压缩率降低。
RUN 方法定义的范围（1-62）不是压缩率最优的，run-length == 1 时绝大部分可以用 INDEX 块代替，不过这样定义比较简单快速。
未定义解码 QOI 时读取 INDEX 块颜色无效 (#00000000) 的行为，很多实现会将该颜色也更新到索引，即需要编码时保证 INDEX 块的有效性。
目前只支持 8 位 RGB 或 RGBA，不支持单通道。但是灰度颜色的 DIFF 和 LUMA 块效率也较高，且哈希函数保证了灰度颜色可以覆盖到所有的索引位 ([3 + 5 + 7, 64] = 1)，这点给予好评。
没有额外的扩展块来支持色域管理，无法存储多张图像/动图。
WebP
WebP 是一种由 Google 开发的现代图像格式，旨在提供更高的压缩率和更好的图像质量，从而改善网页性能。WebP 图像格式支持有损压缩（类似于 JPEG）和无损压缩（类似于 PNG）两种压缩模式，并且通常比传统的 JPEG 和 PNG 格式具有更小的文件大小。
以下是关于 WebP 格式的一些要点：
高效压缩 ：WebP 使用先进的压缩技术，可以显著减小图像文件尺寸，从而加快网页加载速度并节省带宽。
有损和无损压缩 ：WebP 提供了有损和无损两种压缩模式，用户可以根据需要选择适当的压缩模式。
透明度支持 ：WebP 支持 Alpha 透明度通道，使得创建带有透明背景的图像变得更容易。
动态图像支持 ：除了静态图像，WebP 还支持动态图像（类似于 GIF），称为 WebP 动画。
现代浏览器支持 ：现代的 Web 浏览器（如 Chrome、Firefox、Edge 等）已经开始支持 WebP 格式，这使得在网页上使用 WebP 图像变得更加普遍。
性能优势 ：由于其高压缩率和良好的图像质量，使用 WebP 图像可以减少网页的加载时间，同时保持视觉吸引力。
总的来说，WebP 是一种强大的图像格式，被广泛应用于网页设计、移动应用程序和其他数字媒体领域，以提高图像加载速度并改善用户体验。如果您需要更多关于 WebP 格式的信息或有任何疑问，请随时告诉我！
WebP v2 (unstable)
WebP v2 是 WebP 图像格式的下一个版本，目前处于不稳定阶段。这个版本致力于进一步改进压缩率、图像质量和功能，以满足现代数字媒体处理的需求。
以下是关于 WebP v2（尚不稳定）的一些特点：
更高的压缩率：WebP v2 旨在提供比现有 WebP 版本更高的压缩率，从而减小图像文件大小并加快加载速度。
更好的图像质量：通过优化算法和技术，WebP v2 试图提供更好的图像质量，确保图像在压缩过程中保持细节和清晰度。
新功能增强：WebP v2 可能会引入一些新的功能，以扩展该格式的应用范围，如对动态图像的改进、更好的透明度支持等。
实验性质：由于 WebP v2 目前仍处于不稳定阶段，因此可能存在各种变化和调整，包括语法、功能和性能上的改进。
开发者社区参与：Google通常会邀请开发者社区参与测试和反馈 WebP v2 的稳定性和功能性，以便最终推出成熟的版本。
虽然 WebP v2 目前还处于不稳定的状态，但它代表了 WebP 格式未来的发展方向，将带来更多优势和新功能，为用户提供更佳的图像压缩和质量。随着版本的完善和稳定，WebP v2 有望成为数字媒体处理中重要的图像格式之一。

谷歌是发达图像压缩工具Squoosh。用于前端开发使用 Node.js处理方法总结

squoosh一个由 Google 开发的图像压缩 Web 应用程序。可以在浏览器中查看转换结果的同时进行压缩设置，因此即使对于没有图像压缩知识的人来说也很容易使用。这是一个有用的工具，不仅可以压缩文件，还可以将文件转换为 WebP 等各种格式并调整其大小。
https://github.com/GoogleChromeLabs/squoosh
https://squoosh.app/ 官网

webpack 结合压缩图片
vite 结合压缩图片