zoukankan      html  css  js  c++  java
  • webp 初探

    WebP是Google新推出的影像技术,它可让网页图档有效进行压缩,同时又不影响图片格式兼容与实际清晰度,进而让整体网页下载速度加快。

    如果我们能将其应用在现有的图片上,将可以进一步减少图片大小加快页面的读取速度

    但webp也有一定的局限性,目前主流的浏览器只有Chrome和opera 支持,因此实现的时候需要前端根据用户的浏览器类型来动态匹配图片类型。

    文件转换方案

    推荐3种不同的转换方案(jpeg->webp)

    综合各项目测试结果,推荐使用google的方案,在使用性,速度及图片效果都比较好

    处理工具

    网站

    特点

    其它

    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文件,前端根据用户浏览器的类型动态匹配图片格式

             

    现主要从事PHP、Uinx/Linux、C/C++等方面的项目开发。
  • 相关阅读:
    axios 进行类库封装
    vue的中vuex为何需要mutation更新状态,vue-router的路由的理解
    发布订阅者模式、观察者模式总结
    es 模块的基础知识,深度了解
    绑定事件的模型
    rem+media+jquery布局结局方案
    VDOM总结
    react-redux
    发布网站配置文件和SSL
    css3d旋转
  • 原文地址:https://www.cnblogs.com/lsl8966/p/4086731.html
Copyright © 2011-2022 走看看