About this tool
Empaqueta una carpeta de imágenes en una sola hoja de sprites — usada en juegos para fotogramas de animación y en webs para combinar iconos en una sola petición HTTP. Reduce sobrecarga de red y hace la carga de assets más rápida. La herramienta produce tanto la hoja empaquetada como un archivo de metadatos con las coordenadas de cada sprite.
When to use it
- Producir un sprite CSS desde un set de iconos para reducir peticiones HTTP en un sitio web
- Empaquetar fotogramas de animación para un motor 2D (Phaser, Pixi, Godot)
- Construir un atlas de assets para un juego o sitio interactivo basado en web
- Producir una hoja de sprites para usar con animación en `<canvas>`
- Combinar iconos UI en un único bundle para una webapp embebida
What to expect
Los sprites se organizan en una cuadrícula con tamaño de celda fijo, con padding opcional para evitar sangrados. Los metadatos se exportan como JSON o coordenadas CSS para que tu código sepa dónde vive cada sprite. Para sprites de tamaño irregular, herramientas dedicadas (TexturePacker, etc.) producen empaquetados más ajustados.
Frequently asked questions
¿Qué formato de metadatos se exporta?
JSON con el nombre y bounding box de cada sprite, más salida CSS-class opcional para uso directo en hojas de estilo. Los motores de juego suelen importar el JSON directamente.
¿Y si mis sprites son de tamaños distintos?
El empaquetado en cuadrícula funciona mejor cuando los sprites son de tamaño similar. Para tamaños mixtos, la cuadrícula usa las dimensiones mayores y deja huecos. Para empaquetado óptimo de sprites irregulares, usa una herramienta de atlas dedicada.
¿Puedo incluir padding alrededor de cada sprite?
Sí. Un padding de 1–2 píxeles previene sangrados al muestrear la hoja con coordenadas no enteras (común en juegos con cámara en coma flotante).