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

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)