在Web設計開發領域，經常會用到css精靈圖技術，它可以讓頁面在加載圖片時更加流暢，提升用戶體驗。如果手動制作圖片顯然費時費力，所以我們可以使用在線生成css精靈圖的工具來快速生成。

一個很好的在線工具是CSS Sprites Generator (http://www.css-sprites.com)，它可以幫助生成css精靈圖，不需要任何編碼技能。下面我們來看看這個工具的使用方法：

1. 打開CSS Sprites Generator網站，點擊“UPLOAD IMAGES”按鈕，選擇需要合成的圖片。
2. 選擇完圖片后，點擊“GENERATE SPRITE”按鈕，等待圖片自動合成成一張單獨的圖片。
3. 點擊“DOWNLOAD CSS”按鈕，下載生成的CSS代碼。

另外，CSS Sprites Generator還提供了許多其他功能，如CSS標準化、另存圖片等。此外，它還提供了在線演示和API，方便其他開發者集成到自己的項目中。

總的來說，使用在線生成css精靈圖的工具可以很快速地生成圖片精靈圖和對應的CSS代碼。這種方法不僅可以提升頁面的性能，還可以減少開發工作量。