Cómo dividir hojas de sprites y assets de juegos
Extrae sprites individuales y elementos de juego de hojas de sprites. Guía para desarrolladores y diseñadores de videojuegos.
Try our free tool
No registration required, 100% local processing.
Las hojas de sprites agrupan múltiples gráficos de juego en un solo archivo, mejorando el rendimiento de carga. Pero cuando necesitas editar sprites individuales, debes dividirlos.
Dividir hojas de sprites requiere precisión: los assets de juego son pixel-perfect y cualquier desalineación causa fallos visuales.
Nuestra herramienta divide hojas de sprites en assets individuales perfectamente alineados, desde tiles de 16×16 hasta sprites complejos.
Table of contents
Entender la estructura de las hojas de sprites
Cuadrículas uniformes: la disposición más común donde cada sprite ocupa una celda del mismo tamaño (ej: 32×32 px).
Hojas compactas: sprites empaquetados con tamaños variables, generalmente con metadatos que definen los límites.
Tiras de animación: fotogramas secuenciales dispuestos horizontal o verticalmente.
Calcular las dimensiones de los sprites
Cuenta los sprites en cada fila y columna. Divide las dimensiones de la hoja entre el conteo para obtener el tamaño de celda.
Para una hoja 512×512 con sprites 16×16, tienes 32 columnas y 32 filas (1024 sprites en total).
Atención al relleno: algunas hojas incluyen 1-2 píxeles de separación entre sprites para evitar el sangrado de texturas.
Gestionar el relleno y los márgenes
Si los sprites tienen 1 px de relleno, una celda de '32×32' es en realidad 33×33. Ten esto en cuenta al configurar la división.
Tras la división, puede ser necesario recortar el relleno de los sprites individuales según el uso.
Nuestra herramienta puede gestionar el relleno consistente: especifica el tamaño de celda y el relleno por separado para divisiones precisas.
Recommended tools
Divide una imagen en varias partes iguales online gratis. Ideal para Instagram y...
How to do it in 3 steps
Identifica la estructura de la hoja de sprites: tamaño de celda, número de filas/columnas y relleno.
Sube la hoja de sprites a la herramienta.
Configura la cuadrícula según tus cálculos (ej: 16 columnas × 16 filas).
Genera los sprites individuales, nombrados por posición para fácil referencia.
Importa los sprites individuales a tu motor de juego o software de edición.
Common mistakes to avoid
- ✗Contar mal filas o columnas, causando sprites desalineados.
- ✗No tener en cuenta el relleno, produciendo sprites con bordes parciales.
- ✗Usar formatos con pérdida (JPEG) para pixel art, causando difuminado.
- ✗Olvidar que algunas hojas de sprites usan tamaños de celda no uniformes.
Frequently asked questions
Ready to try?
Our tool is free, no registration required and respects your privacy.
Use Séparer imagesRelated articles
All Séparer images articles¿Cómo dividir una imagen en varias partes?
Aprende a dividir imágenes en partes iguales para cuadrículas de Instagram, impresión o arte multipa...
Cómo dividir imágenes para cuadrículas de Instagram
Crea cuadrículas de Instagram impactantes dividiendo una imagen en múltiples posts. Guía para cuadrí...
Cómo dividir imágenes para impresiones panorámicas
Divide fotos panorámicas y grandes imágenes para impresión en varias páginas. Crea pósters, banners ...