首页 > 代码库 > webp 初探
webp 初探
WebP是Google新推出的影像技术,它可让网页图档有效进行压缩,同时又不影响图片格式兼容与实际清晰度,进而让整体网页下载速度加快。
如果我们能将其应用在现有的图片上,将可以进一步减少图片大小加快页面的读取速度
但webp也有一定的局限性,目前主流的浏览器只有Chrome和opera 支持,因此实现的时候需要前端根据用户的浏览器类型来动态匹配图片类型。
文件转换方案
推荐3种不同的转换方案(jpeg->webp)
综合各项目测试结果,推荐使用google的方案,在使用性,速度及图片效果都比较好
处理工具 | 网站 | 特点 | 其它 |
https://developers.google.com/speed/webp/ | 安装文件小, 不影响现有php环境 多种选项供选用 | 以命令行执行 | |
ImageMagic | http://www.imagemagick.org/ | 安装文较大, 不影响现有php环境 多种选项供选用 *比google多一种压缩方案:以源jpeg文件的压缩比来生成目标文件 | 以命令行执行 |
Webp php插件 | https://github.com/godlovesdog/webp | 需要安装PHP插件。 处理速度快, 但没有提供可调整参数(压缩比不可调) | Php 程序执行 |
|
|
|
|
*google及ImageMagic 都有提供无损压缩算法(lossless),但测试过之后处理时间(对比90%压缩)及生成文件大小均比源文件多5-6倍。
*还有一种PHP+GD的方案,需要php5.5.0及gd 2.1.0以上版本。但试过php-5.6.2+GD2.1.0测试未能成功
建议在图片处理的时候同时生成webp文件,前端根据用户浏览器的类型动态匹配图片格式
webp 初探