Question

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

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

<img src="image.jpg">

我只是好奇，因为我们知道图像越小，加载时间越短

Answer 1

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

说完这个，理论上，添加额外的＆＃39;宽度/高度的标记实际上应该减慢页面，因为您的代码稍微比以前更大。虽然在宏伟的计划中，但它必须是一个微小的数量......

Answer 2

不，设置width和height属性只会影响浏览器呈现图片的方式。源文件image.jpg的大小仍然相同，但仍需完整下载。

Answer 3

不，它实际上可能会使其加载速度变慢，因为它必须调整需要浏览器更多工作的图像，最好的办法是使图像达到您想要的最大速度的确切尺寸

Answer 4

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

可以帮助您提高速度的方法是调整图像大小。您可以手动，使用油漆或类似物，或使用sript（PHP for example）来执行此操作：

<?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.
?>

如果设置图像高度和宽度，加载时间是否会减少

4 个答案: