如果设置图像的高度和宽度，加载时间会减少吗？

Question

<img src="image.jpg" width="20px" height"20px">

上面的加载时间是否等于：

<img src="image.jpg">

我只是对此感到好奇，因为我们知道图像越小，加载时间越快

Answer 1

不，它不会加快页面加载速度。 但是，它确实可以防止页面构建本身的“效果”以及在加载图像时破坏/修复布局。 放入图像尺寸会告诉浏览器保留图像移动的位置。 这样，应在页面加载时固定布局，并且图像在加载时会弹出到位。

话虽如此，从理论上讲，增加对宽/高的“额外”的标记实际上应该减慢页面向下为你的代码是比以前稍微大一点。 尽管在宏伟的计划中，它必须是很小的一部分……

Answer 2

不可以，设置width和height属性只会影响浏览器渲染图像的方式。 源文件image.jpg保持相同大小，并且仍然必须完整下载。

Answer 3

不，实际上它可能会使其加载速度变慢，因为它必须对图像进行调整，这需要浏览器进行更多的工作，最好的办法是使图像具有所需的最大速度，以实现最大速度

Answer 4

不，它不会使网站加载速度更快。

可以帮助您更快地调整图像大小。 您可以使用油漆或类似材料手动完成此操作，也可以使用sript（ 例如PHP ）：

<?php
$image = 'image.jpg';
$scale = 0.5;
list($width, $height) = getimagesize($image);
$newWidth = $width * $scale;
$newHeight = $height * $scale;
$thumb = imagecreatetruecolor($newWidth, $newHeight);
$source = imagecreatefromjpeg($image);

// Resize
imagecopyresized($thumb, $source, 0, 0, 0, 0, $newWidth, $newHeight, $width, $height);
//$thumb does now contain the resized image.
?>