網頁前端開發中，小圖標的使用非常普遍。但是，過多的小圖標會導致網頁加載速度變慢。這時，我們可以通過合并小圖標的方法來減少http請求，從而加快網頁加載速度。

那么如何合并小圖標呢？最常用的方法就是使用CSS Sprites。CSS Sprites是指把多個小圖標整合到一張圖片上，在CSS中通過background-position屬性來控制顯示哪個小圖標。

使用CSS Sprites的步驟如下：

1. 把多個小圖標整合成一張圖片，常用的圖片格式為PNG。
2. 在CSS中定義該圖片為背景，如：
.icon {
background: url('sprite.png') no-repeat;
}
3. 確定每個小圖標在圖片中的位置和大小，如：
.icon-home {
width: 16px;
height: 16px;
background-position: 0px 0px;
}
.icon-user {
width: 16px;
height: 16px;
background-position: -16px 0px;
}
4. 在HTML中使用相應的類名來顯示小圖標，如：

值得注意的是，使用CSS Sprites需要考慮到兼容性問題。在IE6、IE7中，背景圖片會出現重疊的情況，需通過設置background-image為none來解決。

除了CSS Sprites，還有一些自動生成CSS Sprites的工具，如Compass、Less等，可以極大地提高CSS Sprites的編寫效率。

總之，通過合并小圖標的方法，可以減少http請求，提高網頁加載速度，是前端開發中常用的優化方法。