Saltar al contenido

Creador de hojas de sprites

Reúne imágenes de sprites existentes en una hoja PNG. Dibuja el original primero en el creador de pixel art.

Imágenes y diseño

Procesado en tu navegador.

Máximo 10 MiB por archivo y 40 MiB en total. Elige de 1 a 40 imágenes estáticas PNG, JPEG o WebP.

Arrastra imágenes para cambiar el orden. Teclado: Alt + ← / →.

Vista previa y exportación

Elige de 1 a 40 imágenes estáticas PNG, JPEG o WebP.

Crear una hoja con tus imágenes

Esta herramienta reúne sprites existentes en un PNG; no dibuja personajes ni genera poses. Añade PNG, JPEG o WebP y arrastra las miniaturas para ordenarlas. Arrastrar la imagen 3 sobre la 2 cambia 1, 2, 3, 4 a 1, 3, 2, 4. Usa Alt + Izquierda/Derecha para ordenar con el teclado. Eliminar aparece arriba a la derecha al pasar el cursor o enfocar; en pantallas táctiles permanece visible. Las columnas se mantienen tras la primera carga hasta editarlas o borrar la hoja.

El tamaño de celda es automático por defecto: se toma el mayor ancho y alto de las imágenes, conservando los píxeles sin ampliar ni reducir. Añadir o quitar imágenes actualiza ese tamaño. Elige columnas y espacio. Tamaño personalizado revela ancho, alto, ajuste y muestreo solo si necesitas una celda concreta para un motor. El borde exterior de la vista indica el PNG completo y no se exporta. Los espacios transparentes pertenecen a la misma hoja, no a archivos separados.

Entender la cuadrícula fija

Los fotogramas avanzan de izquierda a derecha y luego de arriba abajo. Todas las celdas tienen el mismo tamaño, incluido el espacio transparente. La separación se aplica entre celdas y al borde exterior. La última fila incompleta queda transparente; se conserva el número de columnas aunque haya menos imágenes.

No hay rotación, recorte ni empaquetado óptimo. Cada imagen se centra en su celda. Tamaño original da error si no cabe. Encajar amplía o reduce conservando la proporción y redondea ancho y alto hacia abajo a píxeles enteros. Ampliación entera usa el mayor factor entero que cabe y no reduce.

Dos ejemplos verificables

Tres imágenes de 16 × 16, cuatro columnas, celdas de 32 × 32 y separación de 2 px dan una hoja de 138 × 36. Las celdas empiezan en (2, 2), (36, 2) y (70, 2). En tamaño original, el contenido de la primera empieza en (10, 10): hay 8 px de margen interior.

Cinco imágenes de 8 × 8, dos columnas, celdas de 16 × 16 y separación de 1 px dan 35 × 52. Ampliación entera usa 2×. La quinta celda empieza en (1, 35) y la sexta queda transparente. El origen de las coordenadas está arriba a la izquierda.

Leer y guardar las coordenadas

Guardar PNG escribe la imagen con transparencia. El damero es una ayuda opcional y no entra en el archivo. La sección plegada de datos para motores incluye Guardar JSON y una tabla opcional para localizar fotogramas desde código. Para usar solo la imagen basta el PNG. Los encabezados indican nombre, izquierda, arriba, ancho y alto de celda en píxeles. Las filas empiezan en 1 y los índices JSON en 0.

Cada fotograma tiene index desde cero, nombre de archivo y x, y, width y height enteros para la celda completa. content indica el rectángulo realmente dibujado y source las dimensiones originales decodificadas. Los nombres pueden repetirse: usa index para distinguirlos. El JSON es un mapa de coordenadas, no un archivo con imágenes ni un proyecto recargable. Conserva ambos archivos juntos.

¿Qué ajustes conservan el pixel art?

Usa Tamaño original o Ampliación entera con Vecino más cercano. Los factores enteros crean bloques iguales. Encajar puede usar factores fraccionarios y generar píxeles de anchura desigual. Suave mezcla los bordes y sirve para ilustraciones. JPEG no tiene transparencia: cargarlo no elimina su fondo.

¿Cuáles son los límites?

Hasta 40 archivos, 10 MiB por archivo y 40 MiB en total. Cada entrada admite 8192 px por lado y 16.777.216 píxeles; el total decodificado es de 33.554.432 píxeles. La salida comparte los límites de una entrada. Celdas personalizadas de 1–2048 px, columnas 1–40 y separación 0–256. Reduce dimensiones o divide el lote si superas el límite.

¿Qué ocurre si falla una carga?

Se rechazan imágenes dañadas, incompatibles o animadas. Un lote fallido conserva las imágenes aceptadas antes. Borrar cancela cargas pendientes y elimina las actuales. Los archivos se decodifican localmente y se liberan al quitarlos o reemplazarlos. Guarda antes de cerrar o cambiar de idioma: no se conserva un proyecto entre visitas.

¿Convierte GIF o anima personajes?

No. Organiza imágenes estáticas que aportas. No extrae fotogramas GIF, crea personajes con IA, genera tiempos de animación, rota, recorta, crea ZIP ni proporciona personajes ajenos. El JSON es genérico; tu motor puede requerir adaptar nombres de campos o convenciones de coordenadas.