图片站图片速度优化新思路Webp 不需图床不需Cdn提升图片打开速度

图片站因为网站中包含有大量的图片，如果不把图片存放在云储存、图床或者不做CDN的话，网站打开速度就会非常慢，这样很不利于网站的用户体验，访客长时间打不开网站或者图片显示不出来，那么网站的跳出率就会很高，这样最终结果就是不利于SEO搜索引擎优化，网站就会没有流量。很早之前也写过《图片网站建设之图片加速优化》一文，介绍过几种图片加速优化的方法。今天主要记载的是除了前文几种方法之外，不需图床不需Cdn提升图片打开速度的方法：利用谷歌Webp格式的图片，来提升图片站图片打开速度。

一、什么是Webp格式的图片？

WebP 是一种现代图像格式，可为网络上的图像提供卓越的无损和有损压缩。使用 WebP，网站管理员和 Web 开发人员可以创建更小、更丰富的图像，从而使 Web 更快。

与 PNG 相比，WebP 无损图像的大小要小 26% 。在同等 SSIM质量指数下， WebP 有损图像比可比较的 JPEG 图像小 25-34% 。

无损 WebP支持透明度（也称为 alpha 通道），成本仅为22% 额外字节。对于可以接受有损 RGB 压缩的情况，有损 WebP 还支持透明度，通常提供比 PNG 小 3 倍的文件大小。

以上内容摘抄于谷歌Webp专栏。

根据以上的介绍不难发现Webp格式图片的大小相比于容量比较小的PNG格式图片还要小上3倍，而图片质量清晰度也没有太多的损害。

二、Webp格式图片用什么打开？

Google Chrome、Safari、Firefox、Edge、Opera 浏览器以及许多其他工具和软件库都原生支持 WebP 。开发人员还增加了对各种图像编辑工具的支持。

WebP 包括轻量级编码和解码库libwebp 和命令行工具cwebp，dwebp用于将图像与 WebP 格式相互转换，以及用于查看、混合和动画化 WebP 图像的工具。

现在很多浏览器均已支持Webp格式的图片，直接用浏览器就可打开Webp的图片，而且现在Photoshop也已经支持打开Webp图片。

三、实例比较Jpg图片与Webp图片的打开速度

在本实例中，我下载了一张超高清的壁纸图片，原图Jpg大概有10M大小，而压缩后的Webp图片大概有4M左右，可见Webp图片整整比Webp图片小了将近60%。

接下来把两张图片放在一个Html页面中进行对比，用谷歌浏览器的开发者工具查看一下打开速度。

可以发现Webp因为比Jpg图片小了很多，所以打开速度也就比Jpg的图片快了38毫秒，这是在本地测试的，如果是在服务器端测试，可能稍微有些出入，总的来说容量小，肯定打开速度就快。

如果您的预算很少，没有多余的资金购买云储存或者是使用图床和CDN，那么把整站的图片全部转换为Webp格式的图片，一定会提升加速图片打开速度，以上就是不需图床不需Cdn提升图片打开速度，图片站图片速度优化新思路。