Sprite Sheet Packer

Arrastra una carpeta de sprites; obtén un atlas de texturas empaquetado más un manifiesto JSON con las coordenadas de cada sprite. Para desarrolladores de juegos (Unity, Phaser, PixiJS, Godot) y desarrolladores web (CSS sprites para conjuntos de iconos) que quieran reducir solicitudes HTTP o llamadas de dibujo.

Por qué usar sprite sheets

Para juegos, dibujar una textura grande es mucho más barato que dibujar muchas pequeñas — la GPU agrupa todos los sprites en una sola llamada de dibujo en lugar de cambiar de textura docenas de veces. Para la web, una solicitud HTTP de un sprite sheet supera a 30 solicitudes individuales de iconos; el HTTP/2 moderno reduce la brecha, pero los sprite sheets siguen siendo más pequeños en general después de la compresión.

Algoritmos de empaquetado

• MaxRects (predeterminado): empaquetado eficiente, minimiza el espacio desperdiciado.
• Skyline: más rápido pero ligeramente menos eficiente. Bueno para atlas dinámicos.
• Grid: celdas uniformes. Útil cuando todos los sprites tienen el mismo tamaño.

Formatos de salida

1. Atlas PNG: la textura empaquetada (compáctala más si es necesario).
2. Manifiesto JSON: coordenadas, dimensiones y punto de anclaje por sprite.
3. Unity .meta: metadatos importables en Unity.
4. Clase CSS sprite: CSS listo para pegar en sprites web.
5. JSON para Phaser / PixiJS / TexturePacker: para frameworks de juegos populares.

Configuración

• Tamaño máximo del atlas: 2048, 4096, 8192. Más grande = menos atlas para muchos sprites.
• Espaciado: 1–8 px de separación entre sprites para evitar sangrado de textura.
• Potencia de 2: activado para GPUs móviles antiguas, desactivado en otros casos.
• Recortar: elimina píxeles transparentes por sprite para ahorrar espacio.