图片在线处理

Posted 蓿苜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片在线处理相关的知识,希望对你有一定的参考价值。

     之前处理图片的方式是,小图标通过gulp配置的spritesmith雪碧图方式,.png会先用ps工具转成.jpg,然后jpg太大则用在线压缩工具来进行压缩(另外gulp系列的gulp-imagemin也用作压缩图片)。

     今天看到了一个新的方式,图片为webp格式。以前也有见过但从来没用过这种格式,搜了一下,相信文档说的能大大减少带宽。

什么是WebP格式的图片?

WebP是Google在2010年发布的一种新型图片格式,支持无损和有损压缩。在无损压缩方面,同质量的WebP图片比PNG的体积小26%,而在有损压缩方面,同质量的WebP图片比JPEG小25-34%。WebP在不降低图片质量的同时,减少了约三分之一的体积。

    以下介绍WebP安装使用   

安装

    智图API接口已被封装为gulp插件,智图for gulp 。 照github上的教程安装该插件使用

使用
     WebP使用方式  (方案中包含PC、触屏、ios、安卓各版以及兼容版 方案)

 

以上是关于图片在线处理的主要内容,如果未能解决你的问题,请参考以下文章

图片在线处理

图片处理(缩放去除)

迅捷在线压缩如何压缩图片文件?压缩成png怎么操作?

编辑照片尺寸用啥编辑器?

快速搭建 Serverless 在线图片处理应用

快速搭建 Serverless 在线图片处理应用