CSS精灵图是网页设计中常用的技巧，可以减少网页加载时间、提高用户体验。精灵图是由多个小图标组成的一张大图，通过CSS的background-position属性控制展示其中的某一部分。

在制作精灵图的过程中，很多人会发现图标之间会有一些“空白”，即有一定间距。这个空白究竟算不算像素呢？

.icon {
    width: 24px;
    height: 24px;
    background: url(sprite.png) no-repeat;
}

.icon-home {
    background-position: -0px -0px; /* 第一个图标位置 */
}

.icon-search {
    background-position: -24px 0px; /* 第二个图标位置 */
}

实际上，精灵图中图标之间的空白是算像素的。这个像素大小取决于精灵图的设计尺寸和图标的间距，一般来说可以通过调整精灵图的大小和图标的位置来控制间距大小。

如果想要让相邻图标之间没有间距，可以将它们的background-position设置为连续的数值，如：

.icon-home {
    background-position: -0px -0px; /* 第一个图标位置 */
}

.icon-search {
    background-position: -24px 0px; /* 第二个图标位置 */
}

.icon-setting {
    background-position: -48px 0px; /* 第三个图标位置 */
}

.icon-message {
    background-position: -72px 0px; /* 第四个图标位置 */
}

在实际应用中，为了方便维护和扩展，我们可以采用CSS预处理器（如Less、Sass）或工具（如Sprite Cow、SpriteMe）来自动化精灵图的制作和样式输出。