在網頁設計中，使用CSS來添加背景圖片是一種很普遍的方法。但有時候圖片太大，不僅會影響頁面加載速度，而且也不利于瀏覽體驗。這時候就需要將背景圖片變小。下面介紹一些常用的方法。

1. 使用background-size屬性。

background-size: 寬度 像素值/百分比 高度 像素值/百分比;

其中寬高可以分別設置像素值或百分比。例如，將背景圖片的寬度變為原來的一半，可以這樣設置：

background-size: 50% auto;

2. 使用background-repeat屬性。

background-repeat: no-repeat;

將背景圖片的重復設置為no-repeat，可以讓圖片只出現一次，從而達到變小的效果。

3. 使用background-position屬性。

background-position: left top;

通過調整背景圖片的位置，也可以達到變小的效果。例如，將圖片向左上角偏移50像素：

background-position: -50px -50px;

上述方法都是以CSS為主的解決方案，需要注意的是，如果圖片本身太大，還是應該通過圖片編輯軟件調整尺寸為宜。