如今，網站中的圖片數量越來越大，圖片的大小也越來越重要。過大的圖片不僅會降低網站速度，還會給用戶帶來糟糕的體驗。所以，對于圖片進行合適的壓縮是很重要的。

CSS提供了一種按比例壓縮圖片的方法。我們可以使用max-width屬性和height屬性來控制圖片的大小，并且保持圖片的寬高比例。

img {
max-width: 100%;
height: auto;
}

這段代碼的意思是，圖片的最大寬度為父元素的寬度，高度根據圖片的寬高比例自動調整。例如，如果一張圖片的原始寬度是1000px，它將會被縮放成500px（假設其父元素寬度為500px），而高度會自動調整。

使用這種方法，我們可以有效地減小圖片的大小，同時保持圖片的視覺效果。這對于網站的性能和用戶體驗都是非常有益的。

總之，按比例壓縮圖片是一種簡單而強大的優化方式，可以極大地提高網站的效率和用戶體驗。試試使用這種方法來優化你的網站吧！