WebP 探寻之路,vue双向绑定

本文详细介绍了智图处理图片的流程,包括图片的同向对比、压缩、格式转换和WebP化。智图通过判断图片的透明度、色值、面积和质量等属性,决定是否转换格式,以达到最佳体积和质量平衡。同时,智图支持批量处理和提供API,广泛应用于QQ、QQ空间等项目,有效压缩JPEG、PNG和WebP图片的体积。
摘要由CSDN通过智能技术生成

1.图片同向对比

2.图片压缩(可手动选择压缩比)

3.图片格式转换(JPEG转PNG或PNG转JPEG)

4.图片WebP化

5.图片批量处理

下面我们通过一个例子来阐述这个智图流程。请看下图:

这里写图片描述

a

从上图的例子看出来,在体积这一块几种结果的图片是呈现梯度变化的,首先原图经过压缩成了智图JPEG,其次原图通过图片各项属性的判断,程序认为PNG格式的图片更优,于是选择转换一张PNG格式的图片,最后为所上传的图片生成一张WebP格式的图片,这就是智图整个大致的处理流程,其中由JPEG转成PNG(或者从PNG转成JPEG)这一步程序可能会执行,也可能不会执行,具体的算法是依据该图片的多样属性来判断的。那我们来看看都有哪些属性影响了我们的图片最终格式:

a. 图片的透明度:一张PNG 半透明的图片,如果转成JPEG或者PNG 8格式了,那半透明效果会成为灰度模块,这绝对是用户不能接受的,所以只有不包含半透明元素的图片才会被转换格式。

这里写图片描述

像这样带圆角的半透明图片,可使用PNG 无损(有损)压缩,或者直接转换为带alpha的PNG 8图片格式。

b. 图片的色值:前面说过,色值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值