前端性能优化--图片

png

  1. png8 大小最小,适合色彩单一

前端性能优化--图片

前端性能优化--图片

不同的业务场景,使用不同的图片格式

前端性能优化--图片

前端性能优化--图片

图片压缩

前端性能优化--图片

前端性能优化--图片

当图片小于4k或者8k时,把图片变成imgage inline,虽然会增加编译后js的大小(几k),但是相对来说减少了一次http请求,所以还是好的

前端性能优化--图片

前端性能优化--图片

前端性能优化--图片

前端性能优化--图片

图片优化,压缩常用网站

https://www.iconfont.cn/

前端性能优化--图片

https://tinypng.com/
前端性能优化--图片

http://www.spritecow.com/

前端性能优化--图片

相关推荐