在網頁中，圖片的大小往往會影響頁面的加載速度和用戶體驗。若一張圖片過大，可能會導致網頁加載時間過長，甚至出現頁面卡頓等問題。在如今的web開發中，使用CSS將圖片縮小成合適的尺寸已成為一種常見的解決方案。下面來介紹一下如何通過CSS將圖片縮小。

以上是一張原始大小的圖片。可以使用CSS屬性「max-width」和「max-height」將其縮小。

.origin-img {
max-width: 500px;
max-height: 500px;
}

以上CSS代碼將圖片的寬度和高度都限制在500px以內。當圖片本來就小于500px時，則不會有任何變化。否則，圖片的寬高會按比例縮小，直到滿足限制條件。這樣就能夠讓圖片保持比較合適的大小。

此外，還可以使用CSS屬性「width」和「height」來設置圖片大小。但是這樣可能會導致圖片拉伸或壓縮，從而影響圖片的質量。所以建議盡量使用「max-width」和「max-height」屬性。

總結來說，對于過大的圖片，可以使用CSS屬性「max-width」和「max-height」將其縮小成合適的尺寸，從而提高頁面的加載速度和用戶體驗。