CSS雪碧圖簡單來說，就是將多張小圖片合成一張大圖片，然后通過css的background-position屬性控制顯示每個小圖片的位置。這樣可以減少http請求次數(shù)，提升網(wǎng)頁加載速度。

在進行css雪碧圖制作時需要注意兩個方面：縮小顯示和對齊坐標。

縮小顯示：在使用雪碧圖時，需要在HTML中指定背景圖的大小，以便縮小顯示。例如，將雪碧圖命名為sprite.png，其中包含了小圖片1、2、3，如果想要將圖片1和2進行縮小顯示，則可以這樣寫代碼：

.sprite {
background: transparent url(sprite.png) no-repeat;
}
.icon1 {
background-position: 0 0;
width: 32px;
height: 32px;
}
.icon2 {
background-position: 0 -32px;
width: 24px;
height: 24px;
}

在這里，.icon1和.icon2類設(shè)置了background-position屬性來指定小圖片的位置，并且分別設(shè)置了width和height屬性來縮小顯示。對于需要縮小顯示的小圖片，可以通過設(shè)置width和height屬性來實現(xiàn)。

對齊坐標：在對齊小圖片坐標時，需要注意雪碧圖中每張小圖片的大小和位置。如果大小不同或者位置不對，可能會導(dǎo)致渲染出錯。可以通過一些工具，如CSS Sprite Generator或者Sprite Cow，來生成雪碧圖和相關(guān)的css代碼。

總結(jié)：CSS雪碧圖可以有效地減少http請求次數(shù)，加速網(wǎng)頁加載速度。在使用時需要注意縮小顯示和對齊坐標兩個方面，可以借助工具來生成代碼。