使用IMG标签属性调整图像大小是否会影响性能(对于缩略图)?

Question

如果我有一个大小为2000x2000px的图像，并且它被压缩了，所以没有太多的KB，使用HTML IMG标签调整它的大小会影响性能吗:

<img src="image.jpg" alt="image" width="320" height="320">
<img src="image.jpg" alt="image" width="640" height="640">
<img src="image.jpg" alt="image" width="1024" height="1024">

，而不是有实际的3个缩略图文件大小320x320px, 640x640px, 1024x1024px?

我应该为上传的每个图像创建单独的缩略图还是只坚持使用一个并在HTML中调整大小?因为我需要上传很多图片

Answer 1

解压大图像会占用更多CPU。将像素数据存储在内存中以获得更大的图像将使用更多的内存。这会影响性能。

是否显著对性能的影响将取决于您的特定用例，呈现网站的设备以及您执行此操作的频率。关于过早优化和关注瓶颈而不是假设的重要性的通常附带条件适用。