-
下载windows webp 格式化软件 https://developers.google.com/speed/webp/download
-
解压到软件目录,配置环境变量,在path中加入D:\Software\libwebp-0.4.3-windows-x86\bin
-
jpg/png to webp 在命令行下输入 ```bash F:\exemple\webp>cwebp -q 80 test.jpg -o test.webp Saving file 'test.webp' File: test.jpg Dimension: 1746 x 1235 Output: 135428 bytes Y-U-V-All-PSNR 43.52 45.71 47.10 44.27 dB block count: intra4: 4222
intra16: 4358 (-> 50.79%) skipped block: 1240 (14.45%)
bytes used: header: 370 (0.3%)
mode-partition: 16155 (11.9%)
Residuals bytes |segment 1|segment 2|segment 3|segment 4| total macroblocks: | 1%| 6%| 19%| 72%| 8580 quantizer: | 27 | 27 | 22 | 18 | filter level: | 8 | 5 | 5 | 8 |
F:\exemple\webp>
我将处理后的图片上传的图片服务器上,因为要在网络上访问。
写一个html文件
```html
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="./webpjs-0.0.2.min.js"></script>
</head>
<body>
<div>
<img src="http://7xj0ix.com1.z0.glb.clouddn.com/test.jpg"/>
</div>
<hr/><hr/><hr/>
<hr/><hr/><hr/>
<div>
<img src="http://7xj0ix.com1.z0.glb.clouddn.com/test.webp"/>
</div>
</body>
</html>
因为webp并非所有浏览器都支持,故用了webpjs插件做兼容。 在火狐下查看流量。
当然我认为webp的使用场景还是移动端,web端看到的图片实际是flash解码,如图片都比较小的情况是不必如此浪费的。