有时候发现淘宝、微信公众号和一些网站的图片虽然浏览器上能显示，但下载保存后却无法直接打开查看，也不能用 PS 编辑。查看格式是.webp。
检索发现WebP[1] 是 Google 的一种可以同时提供有损压缩（像 JPEG 一样）和透明度（像 PNG 一样）的图片文件格式，不过与 JPEG 或 PNG 相比，这种格式可以提供更好的压缩。
它的优点就是同等画面质量下，体积比jpg、png这些少了25%以上。
在移动互联网时代，页面大小和用户留存息息相关，更快的加载页面才能让更多用户关注到你的内容，而图片一直都是页面体积[2]的大头，拿我们的活动页面来说，图片占据了80%以上的页面大小。所以使用webp的话，可以瞬间让页面大小下降1/4，不得不说是一个极具性价比的优化点。
一、WebP格式转换办法
Chrome 浏览器扩展图片另存为 JPG / PNG / WebP是一个非常方便且开源的 Chrome 浏览器扩展 （Edge 等浏览器同样适用），功能就是可以让你直接将网页上的 .webp、.svg 等格式的图片右键另存为 JPG 或 PNG 格式。
安装该插件之后，每当你遇到使用 WebP 格式图片的网站，比如微信公众号的网页，就能像以往一样，直接对图片点右键下载保存到 JPG、PNG 格式图片了。同时，它也能反过来，将其他图片格式转换成 Webp 来保存。
图片另存为 JPG / PNG / WebP 浏览器插件[3] (Chrome)
Chrome 浏览器 .crx 扩展离线安装教程[4]
二、JPG、PNG和WebP图片格式的区别、原理及选择[5]
简单的说就是从三种情况考虑：真实性、透明性、矢量性
真实性中就是色彩度、位深、损耗(压缩)等(jpg、jpeg、gif、tiff、bmp)；
透明性就很明显了，就是支技透明的特性，但这里也有一个就是位深，他会影响透明度的深度png8与png24的差异就在这里(png)；
特殊动画，就是支持帧的特点，可以做成动画(gif)；
矢量性就可还原度，可再编辑的特性，通俗一点来讲就是很多人常说的放大不模糊的特点，因为他们的组成是由公式曲线方程生成的(但我们是可视化的编辑)(ai、cdr、eps)；
应用场景是网页，增加网页加载速度（webp）。
引用链接
[1] WebP: https://developers.google.cn/speed/webp/[2] 页面体积: https://www.upyun.com/webp?utm_source=zhihu&utm_medium=referral&utm_campaign=260228870&utm_term=webp[3] 图片另存为 JPG / PNG / WebP 浏览器插件: https://dl.iplaysoft.com/files/5585.html[4] Chrome 浏览器 .crx 扩展离线安装教程: https://www.iplaysoft.com/p/chrome-install-crx[5] JPG、PNG和WebP图片格式的区别、原理及选择: https://developer.android.google.cn/topic/performance/network-xfer.html#webp