详解网站中图片日常使用以及优化手法

前言: 最近新到一个团队,才意识到基础的薄弱,牛人遍地,还是好好学习,天天向上。 一直都觉得网站优化的重点是图片,图片的使用也是博大精深。有必要总结一下图片的日常使用以及优化手法~ 总的来说,图片的使用分为background和img两种,而优化方向来说分为减少请求,减少大小和清晰度 三个方面 一. background和img的区别: 日常开发中使用的场景区别: img是内容部分的东西,background-image是修饰性的东西。 加载方式的区别: 在网页加载的过程中,以css背景图存在的图片background-image会等到结构加载完成(网页的内容全部显示以后)才开始加载, 而ht