HTML如何以较低的质量加载图像

Question

所以我有一个图像（PNG文件），我希望相对于我的网页缩放90％。但是，这个PNG文件非常大，因此在缩放时，不仅需要几秒钟才能加载，而且会占用RAM（我的计算机已经警告我内存不足）。在这种情况下我不需要所有这些图片质量，那么如何让图像以较低的质量渲染（以加快加载时间），同时保留缩放而不改变原始文件？

〜谢谢

Answer 1

您可以仅使用HTML和CSS按比例缩放图像，但浏览器仍会将整个图像加载到内存中。您需要使用一些照片编辑软件将图像和图像格式的分辨率更改为JPEG，它具有比PNG图像格式更好的压缩算法。

HTML：

<div class="img_resz">
    <img src="img.jpg">
</div>

CSS：

.img_resz img 
{
    width: 90%;
}

Answer 2

HTML无法加载图像，质量较差＆＃34;。 如果您希望图像加载速度更快，则需要使用图像编辑软件，因为浏览器会在缩小图像之前首先以完整质量加载图像。