现在基本的压缩都是有损压缩的,但是都是在保证了图片的基本质量情况之下
png8——256色 + 支持透明 png24——2^24色 + 不支持透明 png32——2^24色 + 支持透明 选择不同的png格式 所需的业务场景也不同 这就有关于文件的大小方面和色彩丰富程度 优先级: png8>png24>png32 这里是优先考虑的文件大小 png8相对的文件大小是最小的 但是他的色彩不丰富 适合于一些单调的图片 png24 相对于png32 小 但是他不支持透明 每种图片格式都有自己的特点,针对不同的业务场景选择不同的格式
jpg——有损压缩,压缩率高,不支持透明(大部分不需要透明图片的业务场景) png——支持透明,浏览器兼容好(大部分需要透明图片的业务场景) webp——压缩程度更好,在ios webview有兼容性问题(安卓全部) svg——矢量图,代码内嵌,相对较小,图片样式相对于简单的场景(图片样式相对简单的业务场景)
针对真实图片情况,舍弃一些相对无关紧要的色彩信息 这里给一个在线图片的优化地址 https://tinypng.com/
思想: 把你用到的一些图片整合到一张单独的图片中 优点: 减少你的网站的http请求数量 缺点: 假如你的这个图片过大,而导致你页面加载不出来 这边分享一个雪碧图的快速css的生成网站 http://www.spritecow.com/
https://www.iconfont.cn/
webp的优势体现在它具有更加优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图片质量,同事具备了无损和有损的压缩模式、alpha透明以及动画的特性,在JPEF和PNG上的转化效果都非常优秀、稳定和统一。 这边分享一个手动转化为webp格式的网站 https://zhitu.isux.us/
