前端开发常见的图片展示方式

图片展示场景：

1. 列表页中，每项的预览图
2. 详情页的主图、轮播图

有赞

有赞

1. 不同的尺寸图片均按固定的宽高展示(正方形)，图片居中铺满宽高
2. 并没有用img 标签
3. 用 background-* 等属性控制图片位置、覆盖方式

什么值得买

详情页-头图 列表页-单项缩略图

1. 使用了图片服务对图片按需切割，如图片
   1.1 https://a.zdmimg.com/201908/14/5d53b9f6c8ad73434.jpg_fo742.jpg
   2.1 https://a.zdmimg.com/201908/14/5d53b9f6c8ad73434.jpg_a200.jpg