atlas圖集生成json是一種將多個小圖組合成一張較大的圖片的技術，以減少瀏覽器對圖片資源的請求次數，提高用戶體驗。同時，生成的json文件中包含了圖集中每張小圖的位置和尺寸信息，方便開發者進行使用。

通常，我們可以使用一些工具來生成atlas圖集，比如TexturePacker、Zwoptex等。這些工具可以輸入多個小圖，自動將它們組合到一個大圖中，并生成對應的json文件。

{
"frames": {
"coin.png": {
"frame": {"x":0,"y":0,"w":102,"h":102},
"rotated": false,
"trimmed": false,
"spriteSourceSize": {"x":0,"y":0,"w":102,"h":102},
"sourceSize": {"w":102,"h":102}
},
"diamond.png": {
"frame": {"x":103,"y":0,"w":102,"h":102},
"rotated": false,
"trimmed": false,
"spriteSourceSize": {"x":0,"y":0,"w":102,"h":102},
"sourceSize": {"w":102,"h":102}
},
// more frames here
},
"meta": {
"app": "My Texture Packer",
"version": "1.0",
"image": "sprites.png",
"format": "RGBA8888",
"size": {"w":205,"h":102},
"scale": "1",
"smartupdate": "$TexturePacker:SmartUpdate:44a37ba7846ee3462af387d30a5dfdaf:928b3af8c6c706fd9d68b69fd96a8a97:05a6ba80fd05135adef8f71573dfa23f$"
}
}

以上是一個簡單的json示例，其中包含了兩個小圖的位置和尺寸信息，以及圖集的一些元數據。我們可以在代碼中使用這些信息，非常方便地把對應的小圖顯示在頁面上。

總之，使用atlas圖集生成json可以大幅減少請求次數，提高頁面性能。如果您有多張小圖需要組合，不妨嘗試使用這種技術。