WebP ,是一种同时提供了有损压缩与无损压缩的图片文件格式。根据 Google 较早的测试, WebP 的无损压缩比网络上找到的 PNG 档少了 45 %的文件大小,即使这些 PNG 档在使用 PNGCRUSH 和 PNGOUT 处理过, WebP 还是可以减少 28 %的文件大小。
WebP 可以让图片大小平均减少 70%,是未来图片格式的发展趋势。
WebP 压缩效果体验: https://www.upyun.com/webp.html
WebP ,是一种同时提供了有损压缩与无损压缩的图片文件格式。根据 Google 较早的测试, WebP 的无损压缩比网络上找到的 PNG 档少了 45 %的文件大小,即使这些 PNG 档在使用 PNGCRUSH 和 PNGOUT 处理过, WebP 还是可以减少 28 %的文件大小。
WebP 可以让图片大小平均减少 70%,是未来图片格式的发展趋势。
WebP 压缩效果体验: https://www.upyun.com/webp.html
|
1
|
|
SourceManMar 8, 2017
2
1 楼终结此贴
|
|
erxuan2016Mar 8, 2017
3
WebP 普及度有在慢慢上去,看好它的未来,要是能解决浏览器兼容问题,相信会有一波大的影响。
|
|
designerMar 8, 2017 via iPhone
4
webP 是 google 私有的格式吧。目前淘宝商品貌似在用。其他地方我作为设计师 还真没见过。
|
|
ixiaozhiMar 8, 2017
5
App 里可以用 WebP ,浏览器走判断
|
|
hjc4869Mar 8, 2017
8
|
|
d7101120120Mar 8, 2017 via Android
9
昨天下网易漫画的时候看了下,用的似乎就是 webP 。
|
|
10
优先使用 WebP ,图片载入出错时再使用其他格式
|
|
allenhuMar 8, 2017
12
upyun 门槛太高,高攀不起,我还是老实七牛
|
|
estMar 8, 2017
13
记得有一种利用 H.265 压缩技术做的图片格式,比 webp 还小。
|
|
lhbcMar 8, 2017 via iPhone
14
现在 webp 的环境挺成熟的了。
webp 的授权是 BSD ,有 c 语言的库 libwepb ,移动平台也有各种库。 唯一麻烦的是兼容其他平台,需要弄两份并且在客户端做判断。 |
|
zhaohaiMar 8, 2017
15
不错的
|
|
RobertYangMar 8, 2017 via Android
16
已经用 upyun 搞了个自动转 webp 的了,不支持的浏览器还是用 jpg
|
|
zpf124Mar 8, 2017
17
jpg2000,webP,APNG,BPG 新格式一直都有人出,压缩率一个比一个高,颜色一个比一个丰富。
然并卵网上大多数图片还是 jpg , png , gif ,各个浏览器都有自己的打算都不支持别家推广的格式。 只是 chrome 用户量大而且还有 google 撑着 所以相对推广度还高一些,但期待 ie 火狐 safari 支持 webp ,还是基本没希望。 |
|
emricMar 8, 2017
18
我厂已经在客户端大用 BPG 了, GIF 压缩效果炸好~
|
|
AntidictatorMar 8, 2017
19
@RobertYang 上个星期还想过造个轮子的呢,没想到你这么快。
|
|
qiayueMar 8, 2017
20
上传 .jpg 格式,提示必须是 jpeg/png/gif 等
|
|
iamfredngMar 8, 2017
21
还有一个 JXR 格式,虽然是微软的但是各大浏览器都支持,虽然压缩比没 webp 高
|
|
RobertYangMar 8, 2017 via Android
22
@Antidictator 用 php 实现的
|
|
ryan93Mar 8, 2017
24
我觉得煎蛋无聊图有必要加入这种格式。。。
|
|
wangjieMar 8, 2017
25
为什么我觉得 webp 已经很普及了。经常保存个图片就是 webp
|
|
zpf124Mar 8, 2017
26
@emric 请教一下,听说 bpg ,编解码速度都比其他几种长不少,尤其是 js 版本的,而且目前只有 C 的一个类库 和一个 js 的解码库。
那实际使用的使用的时候客户端真人是否可以感觉到加载慢? 另外你们是客户端集成他的类库,还是 Hybrid App 通过浏览器调用 js 解码? |
|
27
@RobertYang 棒~
|
|
REMar 8, 2017
29
@upygad
不知道你们这个 demo 页面的参数怎么调的,压缩涂抹太严重了 原图: https://p.upyun.com/demo/tmp/pv1yhXBQ.jpg webp : https://p.upyun.com/demo/tmp/pv1yhXBQ.webp 作为一个又拍粉都看不下了 |
|
demenMar 8, 2017
30
其实留意一下微信的文章页面,只要是手机端或者 webkit 的浏览器都是会显示 webp 了
|
|
tankb52Mar 8, 2017 via Android
31
动画有没有哪个新格式能替代 GIF 的?
APNG ? 我上次想截个签名图,发现随随便便就好几兆,一压缩又失真。 |
|
33
好尴尬,图变大了 |
|
qiayueMar 8, 2017
34
|
|
35
@dozer47528 哈哈,这么罕见的情况竟然被你发现了,也是略略的敬佩。在动态 GIF 本身很优的情况下,会出现这种情况,例如 GIF 8 位颜色数展示, WebP 是 24 颜色数,所以出现你的这种情况。但这个是极其少数的。
|
|
wangjiezhengMar 8, 2017
37
认真的, WebP 还是蛮好用的,等以后所有浏览器都支持后,必定一统天下。
|
|
zpf124Mar 8, 2017
38
@upygad 我记得看一些资料里说,动态的 webp 也还是像 gif 一样每帧一张图,然后用 webp 的高压缩算法处理。
而 APNG 则是除第一帧外尽可能的只存储差异化的部分, 这样的话按道理 apng 应该压缩效果更好啊,而且苹果和火狐都支持按道理不应该太小众啊.... |
|
DSKcppMar 8, 2017
39
新浪微博移动端几乎全是 webp
|
|
maplerecallMar 9, 2017 via Android
40
现在我们的图片服务是支持压缩 webp 的,通过特性检测是否支持选择对应的格式没啥难度,而且效果显著,尤其是移动端页面
|
|
garipanMar 9, 2017
41
很好 很需要这种工具,感谢 Po 主
另外,应该是体积越大的 Gif ,越能体现出 WebP 压缩的优势来 |
|
FurN1Mar 9, 2017
42
Pied Piper
|
|
RqPS6rhmP3Nyn3TmMar 9, 2017
43
然而除了 Chromium 内核的基本没人支持
还有业界坑货 Safari |
|
ExplorareMar 9, 2017 via Android
44
@IgniteWhite 弟高值
|
|
doctorlaiMar 9, 2017
45
时刻拥抱新技术 – 享用 CloudFlare – WebP 图片优化 https://justyy.com/archives/4186
|
|
madfishyMar 9, 2017
46
还是支持 BPG
|
|
iyangyuanMar 9, 2017 via iPhone
50
看了半天原来是广告,而且这玩意早就有了,估计来这回复评价好的,都是托吧
|
|
erxuan2016Mar 9, 2017
54
平时多关注一下的话,能看到不少已经都用 webp 了,特别是移动端这块的
|
|
BonaornotMar 9, 2017
55
已体验,感谢楼主,很棒。
|
|
YourdayeMar 9, 2017
56
非常好,关键是只能在你们又拍云使用吗?
|
|
YourdayeMar 9, 2017
57
我在七牛能不能用?
|
|
jacyMar 9, 2017
60
火狐路过
|
|
yvette233Mar 9, 2017
61
这技术 6 ,支持下
|
|
caolaMar 19, 2017
65
chrome 59 以上版本将支持 APNG (体积很小的无损动态图片)有望会得到全面普及
|
|
AsisAMar 21, 2017
66
WebP 确实好,但是目前 Firefox 、 IE 、 Edge 、 Safari 都不支持
|