什么是webp格式#
WebP是一种由Google开发的现代图片格式，旨在提供更高的压缩效率和更好的图像质量。WebP格式支持有损压缩和无损压缩两种方式，可以显著减少图片文件的大小，同时保持较高的图像质量。相比传统的JPEG和PNG格式，WebP格式在相同质量下通常可以提供更小的文件大小，这使得它成为网页优化和移动应用开发中的一种流行选择。
总结一句话，由于我们高质量的图片都体积非常大，一般一张图片几MB甚至几十MB。如果我们不压缩这些图片，会占用大量的存储空间和带宽资源，导致网页的加载速度非常慢。而WebP格式通过更高效的压缩算法，可以显著减少图片文件的大小，从而提高网页的加载速度和用户体验。
安装webp格式转换工具#
我们想要把一张图片转换为webp格式，不需要到浏览器上找各种在线转换工具，它们有一些还是付费的，我们有高效且免费的工具替代。
我们可以使用cwebp来将图片转换为.webp格式。cwebp是Google提供的一个命令行工具，可以将JPEG、PNG和TIFF等格式的图片转换为WebP格式。
# 在macOS上安装cwebp
brew install webp对于Windows/Linux用户可到Google官网上下载对应的系统预编译包。
将图片转换为webp格式#
使用cwebp将图片转换成webp格式的命令非常简单：
cwebp -q 80 input.jpg -o output.webp这里的80指的是输出图片的质量参数，-q 是 quality 的缩写，后面跟的数值（0-100）用于控制 WebP 图片的质量与文件大小的平衡。
| 质量值 | 含义 | 适用场景 |
|---|---|---|
| 0-30 | 极低质量 | 缩略图、测试用、对画质无要求的场景 |
| 30-60 | 低到中等质量 | 博客配图、产品展示等可接受轻微失真的场景 |
| 60-80 | 高质量 | 日常使用推荐，视觉上几乎无损，但体积大幅减小 |
| 80-95 | 极高质量 | 摄影作品、设计稿等对画质要求高的场景 |
| 95-100 | 近乎无损 | 需要保留原始画质的特殊情况 |
图片输出质量参数设置为80，在视觉效果上几乎无损，但文件的体积能减少70%左右。这是最常用的数值，也是Google官方文档中推荐的数值。