美文网首页
图片自适应方案讨论延伸到sharpP

图片自适应方案讨论延伸到sharpP

作者: Axiba | 来源:发表于2016-10-25 21:03 被阅读719次

    1、一般来说,我们常见的使用图片的优化方案有base64编码、雪碧图、字体图片、图片压缩等

    base64编码
    (1 优势:减少http的请求次数;当然字符串那么长可以放后台数据也可以使用类似node来构建(例如:fs.readFileSync(dir).toString(‘bse64’))
    (2 劣势:图片太多、太大(大于2KB)的话就不好玩了,好high长的字符串

    合成sprite图
    (1 优势:减少http的请求次数;不用担心图片太多太杂
    (2 劣势:生成图片体积就比较大了,不利于并行加载

    字体图标
    (1 优势:简单,容易生成,体积也小
    (2 劣势:适合移动端或兼容性高的浏览器,而且复杂的图案就不好搞了

    图片压缩
    (1 优势:因为是有损或无损压缩减少图片大小,所以图片流量就小了
    (2 劣势:服务器自然需要支持了

    2、sharpP是腾讯公司SNG即通产品部音视频技术中心推出的一种图片压缩组件,现已支持iOS、Android、Windows、Linux四个平台。编码压缩率、编码耗时、解码耗时相比webP有明显的优势。

    sharpP采用有损压缩,转换工具会读取原图质量参数,适当降低

    相关文章

      网友评论

          本文标题:图片自适应方案讨论延伸到sharpP

          本文链接:https://www.haomeiwen.com/subject/oxxduttx.html