注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天朝布衣田中码农参上

苦逼码农的点点滴滴,请多多指教!

 
 
 

日志

 
 
 
 

大神技术逆天照片新格式BPG比JPEG小一半但画质相同  

2017-05-17 16:47:41|  分类: 操作系统 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
之前提到过Google推出的新图像格式WebP《利用WebP图像格式降低网站流量压力》,但现在又出现了一个新的竞争对手—BPG(全称 Better Portable Graphics),它是由著名的法国程序员 Fabrice Bellard(FFmpeg和QEMU的作者)设计并提出。其优势在于具有更高的压缩率,在相同图像质量下,BPG文件的大小只有JPEG的一半。此外它还原生支持8位和16位通道【看起来是比WebP压缩率更高】。想要在线看看效果,那么可以试下这个链接:http://xooyoozoo.github.io/yolo-octo-bugfixes/,对了,不要用IE【就象WebP一样,IE对bpg的格式支持并不是太好】,用谷歌浏览器最好。
大神技术逆天照片新格式BPG比JPEG小一半但画质相同 - sinsunson - 天朝布衣田中码农参上
效果看起来很不错【BPG (左) 和 JPEG (右) 压缩到5872 字节】。官网地址:https://bellard.org/bpg/,目前最新版本是0.9.7,将jpg图片转换bpg的命令行也很简单:

bpgenc -m 8 www.593668.com.jpg -o www.593668.com.bpg

批量什么的就不多说了,大家可以自行去找网上脚本学习下,至于更多的命令行参数,大家也可以使用如下命令去了解:

bpgenc -h

在 Mozilla 研究指出 HEVC (即 H.265) 的表现比起其他技术更出众后,Fabrice Bellard 就基于其技术的一个子集开发了BPG格式。但是浏览器内置支持图片从来都是引入新格式的一大难题,目前,对 BPG 格式感兴趣的开发者需要使用一个特殊的Javascript代码库才能加载该图片,当然这个步骤也是非常简单。

<!--引入解码js-->
<script type="text/javascript" src="bpgdec.js"></script>
<!--使用就跟其它图片格式一样-->
<img src="www.593668.com.bpg" width="600">

在谷歌浏览器页面如下【效果还是比较理想】:
大神技术逆天照片新格式BPG比JPEG小一半但画质相同 - sinsunson - 天朝布衣田中码农参上
而在opera浏览器页面如下【效果不理想,当然如果不加width="600",直接使用原始宽度还是没有问题的,也许opera新版本已经FIX了这个问题】:
大神技术逆天照片新格式BPG比JPEG小一半但画质相同 - sinsunson - 天朝布衣田中码农参上
至于IE9浏览器效果【是完全显示不出来,控制台直接报错,也许新版本的IE可以显示】:
大神技术逆天照片新格式BPG比JPEG小一半但画质相同 - sinsunson - 天朝布衣田中码农参上
 
这里使用bpgdec.js,是官网发布包0.9.7中带的,位置如下图所示。
大神技术逆天照片新格式BPG比JPEG小一半但画质相同 - sinsunson - 天朝布衣田中码农参上
总体说来,如果网站用户浏览器都是基于最新版本JS引擎的话,相信兼容性问题是不大的。当然啦,因为是基于JS解码,可能对客户端有一定的性能影响,但是节省的带宽流量还是很可观的,据实测,至少比JPG节省一半以上的流量。大家感兴趣的话,也不妨自己亲自动手试下。



 
  评论这张
 
阅读(3)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018