CSS圖片合并技術是一種優化網頁加載速度的方法，通過將多張小圖片合并為一張大圖并在CSS中使用background-position屬性調整顯示位置，減少網頁請求次數從而提升頁面加載速度。

下面是一個使用CSS圖片合并技術的例子：

.logo {
background-image: url(images/sprite.png);
background-position: -50px 0;
width: 100px;
height: 100px;
}

在上述代碼中，.logo類指定了一個背景圖片，background-position屬性指定了初始偏移量，顯示的區域為(50px, 0)。如果有多個元素使用同一張合并后的圖片，只需要通過調整background-position屬性值即可實現不同的顯示效果。

使用CSS圖片合并技術需要注意以下幾點：

1. 合并的圖片應該具有相同的尺寸和分辨率，否則會影響顯示效果。
2. 需要在CSS文件中使用精確的像素值進行圖像定位，否則會出現定位錯位的情況。
3. 在制作合并圖時可以使用工具如TexturePacker等，可自動合并圖片并生成相應的CSS文件。

總之，CSS圖片合并技術是一種簡單有效的網頁性能優化方法，可以減少網頁請求次數，使網頁加載速度更快，對于需要頻繁使用小圖片的網站更為適用。