当网页浏览器显示您的网页时,必须弄清楚许多事情才能显示您的内容。它最简单和最重要的事情之一是在您的图像周围布置您的网页。
它只能做到这一点,如果它知道你的图像是什么尺寸。
如果您不告诉浏览器您的图像的大小,那么它必须“构建”页面不是一次,而是两次(或更多次,取决于您在页面上有多少图像)。它将构建一次以显示所有文本,然后它将等待直到下载图像。当下载一个图像时,浏览器现在可以确定图像的大小,并重建页面以围绕该图像包围文本。页面上的每个图像都会发生此过程。
如果您只是指定图像尺寸,它将已经知道图像的大小,并可以使用该信息来塑造页面。它不必重新创建页面一百万次。
如何指定图像尺寸
可以通过在图像标签中添加一些代码来完成。
以下是无图像尺寸的示例图像标记…
<img src =“image.jpg”/>
以下是包含图像尺寸(高和宽)的示例图像标签…
<img src =“image.jpg” width =“200” height =“200” />
添加图像的高度和宽度可以帮助您的网页加载速度更快,看起来更好。