试玩：一键压缩 70%的图片处理技术

[upygad]

WebP ，是一种同时提供了有损压缩与无损压缩的图片文件格式。根据 Google 较早的测试， WebP 的无损压缩比网络上找到的 PNG 档少了 45 ％的文件大小，即使这些 PNG 档在使用 PNGCRUSH 和 PNGOUT 处理过， WebP 还是可以减少 28 ％的文件大小。

WebP 可以让图片大小平均减少 70%，是未来图片格式的发展趋势。

WebP 压缩效果体验： https://www.upyun.com/webp.html

[iamfredng]

还有一个 JXR 格式，虽然是微软的但是各大浏览器都支持，虽然压缩比没 webp 高

[RobertYang]

@Antidictator 用 php 实现的

[zpf124]

@est 你说的那个就是 bpg

[ryan93]

我觉得煎蛋无聊图有必要加入这种格式。。。

[wangjie]

为什么我觉得 webp 已经很普及了。经常保存个图片就是 webp

[zpf124]

@emric 请教一下，听说 bpg ，编解码速度都比其他几种长不少，尤其是 js 版本的，而且目前只有 C 的一个类库 和一个 js 的解码库。
那实际使用的使用的时候客户端真人是否可以感觉到加载慢？ 另外你们是客户端集成他的类库，还是 Hybrid App 通过浏览器调用 js 解码？

[upygad]

@RobertYang 棒~

[upygad]

@qiayue 试了下，没有出现上传 jpg 出现提示的问题，你再试试。

[RE]

@upygad
不知道你们这个 demo 页面的参数怎么调的，压缩涂抹太严重了
原图： https://p.upyun.com/demo/tmp/pv1yhXBQ.jpg
webp ： https://p.upyun.com/demo/tmp/pv1yhXBQ.webp
作为一个又拍粉都看不下了

[demen]

其实留意一下微信的文章页面，只要是手机端或者 webkit 的浏览器都是会显示 webp 了

[tankb52]

动画有没有哪个新格式能替代 GIF 的？
APNG ？
我上次想截个签名图，发现随随便便就好几兆，一压缩又失真。

[upygad]

@tankb52 动态 WebP 呀， APNG 比较小众。

[dozer47528]

好尴尬，图变大了

[qiayue]

你们程序员太渣了，图片太大却报图片格式不正确的错误

我上传到 jpg 1.5M

[upygad]

@dozer47528 哈哈，这么罕见的情况竟然被你发现了，也是略略的敬佩。在动态 GIF 本身很优的情况下，会出现这种情况，例如 GIF 8 位颜色数展示， WebP 是 24 颜色数，所以出现你的这种情况。但这个是极其少数的。

[upygad]

@qiayue 这个应该是你上传的图片可能出现破损等问题，我们 Demo 页大小限制为 8Mb ，你换几张试试。

[wangjiezheng]

认真的， WebP 还是蛮好用的，等以后所有浏览器都支持后，必定一统天下。

[zpf124]

@upygad 我记得看一些资料里说，动态的 webp 也还是像 gif 一样每帧一张图，然后用 webp 的高压缩算法处理。
而 APNG 则是除第一帧外尽可能的只存储差异化的部分， 这样的话按道理 apng 应该压缩效果更好啊，而且苹果和火狐都支持按道理不应该太小众啊....

[DSKcpp]

新浪微博移动端几乎全是 webp

[maplerecall]

现在我们的图片服务是支持压缩 webp 的，通过特性检测是否支持选择对应的格式没啥难度，而且效果显著，尤其是移动端页面