HTML如何以較低的質量加載圖像

Question

所以我有一個圖像（PNG文件），我想要縮放比例爲90％，相對於我的網頁。但是，這個PNG文件非常大，所以當它被縮放時，它不僅需要幾秒鐘才能加載，而且還會消耗RAM（我的電腦給了我警告它內存不足）。在這種情況下，我不需要所有這些圖片質量，因此如何讓圖片以較低的質量呈現（加快加載時間），同時保留縮放並且不會更改原始文件？

〜感謝

Answer 1

你可以按比例縮放圖像本身只用HTML和CSS，但是瀏覽器仍然會在整個圖像加載到內存中。您需要使用一些照片編輯軟件將圖像和圖像格式的分辨率更改爲JPEG，該JPEG具有比PNG圖像格式更好的壓縮算法。

HTML：

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

CSS：

.img_resz img 
{ 
    width: 90%; 
} 

Answer 2

HTML無法加載的圖像 「以質量少」。 如果您希望圖像加載速度更快，您需要使用圖像編輯軟件，因爲瀏覽器會在將圖像縮小之前以完整質量加載它。