【问题标题】:Is srcset required for displaying HQ retina images?显示总部视网膜图像是否需要 srcset?
【发布时间】:2020-06-26 17:15:47
【问题描述】:

假设我有一张图片600x300px

我用这个代码显示它:

<img src="image600x300.jpg" style="width: 300px;" />

显示图片的实际大小为300x150px

智能浏览器可以使用两个像素来渲染每个像素(即视网膜图像)。但是……它们是自动完成的吗?

如果将srcset 与完全相同的图像相加,渲染图像的质量会得到改善吗?

<img src="image600x300.jpg" srcset="image600x300.jpg 2x" style="width: 300px;" />

【问题讨论】:

  • 我想作为对 retina 的默认引用,它包含在 HTML 页面的 &lt;head&gt; 中的 &lt;viewport 声明中?

标签: html responsive-images srcset


【解决方案1】:

没有。您在两种情况下都提供相同的图像。 2x 是一个描述符,旨在帮助浏览器决定使用哪个图像。

在这种情况下,您是在说“如果设备支持 2x 像素密度,请改用此图像”(但您提供的图像与默认值相同)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-13
    • 2014-03-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多