html - 加载和调整外部图像大小时，浏览器是否会加载完整宽度的外部图像然后重新调整它们的大小？

Question

如果我加载 320x240 像素的外部图像并使用 CSS 重新调整它们的大小，浏览器会先加载完整的图像然后重新调整它们的大小？

所以通过调整大小我只是给服务器增加了更多的负载？

我应该在不调整大小的情况下显示它们吗？

谢谢

Answer 1

浏览器下载原始文件，服务器上没有做额外的处理。调整大小由浏览器完成。

Answer 2

如前所述，是的，浏览器会下载原始文件，然后调整其大小。请注意，某些浏览器不擅长调整图像大小，尤其是在原始图像比实际输出大得多的情况下。如果缩小图片，某些浏览器（想到 Firefox）会创建相当块状的版本。