CSS背景圖不被壓縮是一個比較容易出現的問題，在處理這個問題之前，我們先來了解一下什么是CSS背景圖。

CSS背景圖是指通過CSS設置一個元素的背景圖片，可以通過background-image屬性來實現。如下所示：

.my-class {
background-image: url('path/to/image.jpg');
}

在實際中，如果圖片的尺寸比容器小，此時就會出現CSS背景圖被壓縮的問題。怎么解決這個問題呢？

常見的解決方案有以下幾種：

1. 設置背景圖片的尺寸以及位置

.my-class {
background-image: url('path/to/image.jpg');
background-size: cover;
background-position: center;
}

其中，background-size: cover表示將背景圖縮放至完全覆蓋容器，background-position: center表示將背景圖居中顯示。這樣設置之后，就可以確保背景圖片不被壓縮。

2. 將背景圖片設置為"contain"

.my-class {
background-image: url('path/to/image.jpg');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

background-size: contain表示調整背景圖大小以適應容器，并保持其比例；background-repeat: no-repeat表示不重復顯示背景圖。這樣設置之后，即使圖片尺寸比容器小，也可以確保背景圖片不被壓縮。

總之，希望以上兩種解決方案能夠對大家有所幫助，避免遇到CSS背景圖被壓縮的問題。