CSS背景圖響應式不僅可以給網站的視覺效果帶來更好的體驗，還可以提升網站在移動設備上的訪問速度，減小網頁的加載時間。以下是CSS背景圖響應式的方法：

// 簡單的CSS背景圖響應式方法：
@media only screen and (min-width: 768px) {
.container {
background-image: url("desktop-bg.jpg");
}
}
@media only screen and (max-width: 768px) {
.container {
background-image: url("mobile-bg.jpg");
}
}
//以上代碼表示，當屏幕寬度大于等于768像素時，使用"desktop-bg.jpg"作為背景圖，當屏幕寬度小于768像素時，使用"mobile-bg.jpg"作為背景圖。
// 更靈活的背景圖響應式方法：
.container {
background: url("desktop-bg.jpg") no-repeat center center fixed; /*在桌面端使用圖片desktop-bg.jpg*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media only screen and (max-width: 768px) {
.container {
background-image: url("mobile-bg.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
//以上代碼表示，無論是在桌面端還是在移動設備上，都可以按比例縮放背景圖，以達到最佳尺寸比例，同時在移動設備上使用"mobile-bg.jpg"作為背景圖。

以上是兩種常見的CSS背景圖響應式方法，可以根據具體需求靈活選擇。需要注意，盡可能使用體積小的圖片，以提升網頁加載速度，同時最好保證背景圖對主體內容的視覺不會造成干擾。