网站的静态资源主要由html,css，js以及图片文件构成。而图片往往文件体积不小，也是导致网站加载速度变慢的重要因素之一
那么如何在保证清晰画质的前提下，减小或者压缩文件体积，就意味着能提高网站加载速度，有助于优化网站速度。
占据网站大量资源的图片文件，常见的后缀格式有JPEG、PNG、BMP、GIF、SVG、PSD、WebP格式等。
看看常见的图片文件格式
JPEG/JPG：
采用有损压缩算法；
体积较小；
常见电子设备都支持打开；
PNG：
采用无损压缩算法；
体积相对较小；
支持背景透明，比如透明logo制作；
常用于web传输，比如网站小图标合并成大图（雪碧图），减少Http请求，从而一定程度上提升网站打开速度。
GIF：
只有256种颜色，支持动画，但是一些浏览器默认展示为静态图片。
SVG：
以XML格式表现的的二维图形的语言。用于web页面的特点是可以直接嵌入html页面中，减少Http请求，提示网站打开速度。
比如本站底部的头像小图标，可以直接用加入一下XML格式代码表示：
当图片内容丰富时，文件的体积会过大。
接下来说说WebP格式：
Webp是谷歌从 On2 技术公司收购的图像格式技术，谷歌推出的一种图片格式，用于替代JPEG、PNG和GIF的产品。它的优点就是在保持同等画面质量时，拥有更小的文件体积。
使用WebP 优化图像，能提升网站的响应速度？
通常，为了优化网站的图像，用户需要编辑与网站相匹配的图像大小，在保留画质的同时，更小的文件能提升打开速度。那么webP格式的图片无疑是最合适的选择了。
与 JPG 和 PNG 不同，WebP 通过预测加密压缩数据丢失，以便更准确地调整照片中的像素。经过测算，使用WebP格式文件，文件占用大小的比相同质量的JPG低25%-45%。
与 PNG 相比，WebP 的数据压缩对大小产生影响，但仍保持最高的显示图像质量。
那么使用webP的缺点是什么呢？
那就是支持的设备，由于是Google发起，虽然Android在4.0版本后就支持webp显示，主流的PC浏览器也兼容webp图像显示。但是并不是所有设备都支持，比如IOS设备，iphone在14版之前，大概2020年之前，使用iphone手机就不支持webP图片格式显示，也就意味着Iphone6s机型之前的都无法打开webP格式文件，其他个别电子设备也存在一样的不兼容可能。