小编Kir*_*ala的帖子

图片标签 vs CSS 媒体查询

我想知道在纯性能(网站加载时间)方面使用图片标签与 CSS 媒体查询的好处。我正在开发一个网站,客户强迫我使用图片标签,但我认为两者都是一样的。让我知道您的意见。

<picture>
  <source 
    media="(min-width: 650px)"
    srcset="images/kitten-stretching.png">
  <source 
    media="(min-width: 465px)"
    srcset="images/kitten-sitting.png">
  <img 
    src="images/kitten-curled.png" 
    alt="a cute kitten">
</picture>
Run Code Online (Sandbox Code Playgroud)

或者

使用媒体查询和定位单独的图像标签。

performance image media-queries

4
推荐指数
1
解决办法
884
查看次数

标签 统计

image ×1

media-queries ×1

performance ×1