是＆＃34;自然＆＃34;大小加载？

Question

在下面描述的拇指图像加载中，从服务器加载的是什么尺寸的图像，289 x 162或750 x 422？在实际页面上，拇指显示为289 x 162，但我怀疑750 x 422图像正在加载，然后调整为289 x 162.这是正确的吗？

感谢。

Answer 1

自然尺寸列出了下载文件的尺寸。另一个尺寸列出了渲染图像的尺寸。

您可以通过查看元素的Box Model来验证这一点。 Box模型显示元素的渲染尺寸，例如宽度，高度，填充，边距等。在这种情况下，您可以确认Box模型尺寸显示289 x 162。

您还可以通过右键单击DOM树中的图像并选择在源代码中打开面板进行验证。

您在图片预览下方看到的尺寸是下载文件的尺寸（“自然”尺寸）。

仅供参考，Audits面板中还会进行审核，只要渲染图像明显小于下载的图像，就会进行标记。最佳做法是发送通常与其显示大小相匹配的图像。请参阅Oversized Images。