Idioma
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Cortador de Hojas de Sprites

Cortador de Hojas de Sprites

Divide hojas de sprites en fotogramas individuales con cuadrícula personalizable, vista previa de animación y exportación en ZIP por lotes.

¿Qué es un Cortador de Hojas de Sprites?

Una hoja de sprites es un único archivo de imagen que contiene múltiples imágenes más pequeñas (fotogramas) organizadas en una cuadrícula. Los desarrolladores de juegos, artistas de pixel art y diseñadores web comúnmente usan hojas de sprites para organizar fotogramas de animación, poses de personajes o elementos de interfaz de usuario de manera eficiente.

Cómo funciona: Esta herramienta te permite dividir rápidamente una hoja de sprites en imágenes de fotogramas individuales. Simplemente carga tu hoja de sprites, configura el diseño de la cuadrícula, vista previa de la animación y exporta todos los fotogramas a la vez.

Cuándo Usar Esta Herramienta

Desarrollo de Juegos

Extrae fotogramas de animación de hojas de sprites para usar en motores de juegos como Unity, Godot o GameMaker.

Pixel Art

Separa sprites individuales de un tileset u hoja de personajes para edición y organización.

Animación Web

Divide hojas de sprites CSS en imágenes individuales para proyectos web y animaciones.

Gestión de Activos

Organiza y cataloga sprites de hojas grandes para un mejor flujo de trabajo del proyecto.

Cómo Usar

1

Carga Tu Hoja de Sprites

Arrastra y suelta tu imagen de hoja de sprites en el área de carga, haz clic para examinar archivos o pega una imagen desde tu portapapeles. Los formatos compatibles incluyen PNG, JPG y WebP.

Consejo profesional: Se recomienda el formato PNG para sprites con transparencia para preservar los canales alfa.
2

Configura la Cuadrícula

Elige uno de dos modos de cuadrícula según el diseño de tu hoja de sprites:

Por Cantidad

División Basada en Cuadrícula

  • Especifica columnas y filas
  • Calcula automáticamente el tamaño del fotograma
  • Mejor para cuadrículas uniformes
  • Ejemplo: 8 columnas × 4 filas
Por Tamaño

División Basada en Dimensiones

  • Ingresa dimensiones exactas en píxeles
  • Calcula automáticamente la cantidad de fotogramas
  • Mejor para tamaños de fotogramas conocidos
  • Ejemplo: 32×32 o 64×64 píxeles

Configuración Avanzada

Si tu hoja de sprites tiene márgenes o espacios entre fotogramas, haz clic en Avanzada para configurar:

  • Desplazamiento - Posición inicial desde la esquina superior izquierda (útil para márgenes externos)
  • Espaciado - Espacio entre fotogramas (para hojas con relleno entre sprites)
3

Vista Previa y Verificación

La superposición de cuadrícula se actualiza en tiempo real a medida que ajustas la configuración. Usa los controles de zoom para inspeccionar sprites pequeños con renderizado pixelado para una vista previa precisa.

Después de hacer clic en Exportar Fotogramas, usa la vista previa de animación para verificar que los fotogramas se corten correctamente antes de descargar.

4

Exporta Tus Fotogramas

Haz clic en Exportar Fotogramas para extraer todos los fotogramas. Puedes deseleccionar cualquier fotograma no deseado haciendo clic en él en la cuadrícula de resultados.

  • Descarga fotogramas individuales uno a la vez
  • Usa Descargar ZIP para obtener todos los fotogramas seleccionados en un único archivo
  • Los fotogramas se nombran secuencialmente para una fácil organización

Características

Configuración de Cuadrícula Flexible

Dos modos de cuadrícula cubren todos los diseños de hojas de sprites con control de precisión.

  • Modo Por Cantidad para dimensiones de cuadrícula conocidas
  • Modo Por Tamaño para dimensiones exactas en píxeles
  • Configuración avanzada de desplazamiento y espaciado
  • Maneja hojas con márgenes y espacios

Vista Previa de Cuadrícula en Tiempo Real

Ve exactamente cómo se dividirá tu hoja de sprites antes de exportar.

  • Superposición de cuadrícula en vivo con numeración de fotogramas
  • Controles de zoom con renderizado pixelado
  • Retroalimentación visual instantánea en la configuración
  • Perfecto para inspeccionar pixel art diminuto

Vista Previa de Animación

Vista previa de tu animación de sprites directamente en el navegador.

  • Deslizador de FPS ajustable (1-60 FPS)
  • Controles de Reproducir, Pausa y Detener
  • Revisa la secuencia de animación antes de exportar
  • Verifica el orden y el tiempo de los fotogramas

Selección de Fotogramas

Elige exactamente qué fotogramas exportar con controles intuitivos.

  • Haz clic en fotogramas para deseleccionar los no deseados
  • Seleccionar Todo / Deseleccionar Todo para operaciones por lotes
  • Solo los fotogramas seleccionados se incluyen en el ZIP
  • Omite fácilmente fotogramas vacíos o duplicados

Múltiples Opciones de Exportación

Exporta fotogramas en tu formato preferido con opciones de descarga flexibles.

  • Formato PNG (preserva transparencia)
  • Formato JPG (calidad ajustable)
  • Descargas de fotogramas individuales
  • Archivo ZIP para descarga por lotes

Tus Datos Permanecen Privados

Todo el procesamiento ocurre completamente en tu navegador para máxima privacidad.

  • Sin cargas - las imágenes nunca salen de tu dispositivo
  • Sin seguimiento ni recopilación de datos
  • Funciona completamente sin conexión
  • Procesamiento 100% del lado del cliente

Preguntas Frecuentes

¿Qué formatos de imagen son compatibles?

Puedes cargar hojas de sprites en formatos PNG, JPG y WebP. Para exportar, elige entre:

  • PNG - Recomendado para sprites con transparencia (preserva canales alfa)
  • JPG - Tamaño de archivo más pequeño con calidad ajustable (sin soporte de transparencia)

¿Cuál es la diferencia entre el modo "Por Cantidad" y "Por Tamaño"?

Por Cantidad divide la hoja de sprites en el número especificado de columnas y filas, calculando automáticamente los tamaños de fotogramas. Esto es ideal cuando conoces el diseño de la cuadrícula (por ejemplo, 8 columnas por 4 filas).

Por Tamaño te permite especificar las dimensiones exactas en píxeles de cada fotograma (por ejemplo, 32×32 o 64×64), y la herramienta calcula cuántos fotogramas caben en la hoja. Esto funciona mejor cuando conoces las dimensiones exactas del fotograma.

¿Qué son Desplazamiento y Espaciado?

Desplazamiento establece la posición inicial desde la esquina superior izquierda de la imagen. Esto es útil cuando la hoja de sprites tiene un margen o borde externo que debe excluirse de la cuadrícula.

Espaciado añade un espacio entre fotogramas, para hojas donde los sprites están separados por píxeles vacíos o relleno. Esto asegura que los fotogramas se corten en los límites correctos.

Ejemplo: Si tu hoja de sprites tiene un margen de 10px alrededor de los bordes, establece Desplazamiento X e Y en 10. Si hay un espacio de 2px entre cada sprite, establece Espaciado en 2.

¿Puedo omitir fotogramas vacíos?

Sí. Después de extraer fotogramas, haz clic en cualquier fotograma no deseado en la cuadrícula de resultados para deseleccionarlo. Los fotogramas deseleccionados aparecen atenuados y se excluyen de la descarga del ZIP.

También puedes usar los botones Seleccionar Todo y Deseleccionar Todo para operaciones rápidas por lotes.

¿Hay un límite de tamaño?

Como todo el procesamiento ocurre en tu navegador, no hay límite de tamaño de carga. Sin embargo, imágenes muy grandes (por ejemplo, 8000×8000 píxeles o más) pueden ser más lentas de procesar dependiendo del rendimiento de tu dispositivo y la memoria disponible.

Consejo de rendimiento: Para mejores resultados, usa hojas de sprites menores a 4000×4000 píxeles. Las hojas más grandes funcionan pero pueden tardar más en procesarse.

¿Se cargan mis imágenes en un servidor?

No. Todo se ejecuta completamente en tu navegador usando JavaScript del lado del cliente. Tus imágenes nunca se envían a ningún servidor, asegurando privacidad y seguridad completas.

  • Ningún dato sale de tu dispositivo
  • Sin seguimiento ni análisis de tus imágenes
  • Funciona sin conexión después de la carga inicial de la página
  • 100% privado y seguro

Suelta la hoja de sprites aquí o haz clic para subir

PNG, JPG, WebP

Usa el modo Por Tamaño cuando conoces las dimensiones exactas en píxeles de cada fotograma
Usa el modo Por Cantidad cuando conoces el número de columnas y filas
Ajusta el Desplazamiento y el Espaciado en la configuración Avanzada para hojas de sprites con márgenes entre fotogramas
Haz clic en los fotogramas en la cuadrícula de resultados para deseleccionar fotogramas vacíos antes de descargar
Usa la Vista Previa de Animación para verificar que los fotogramas se corten correctamente antes de exportar
Usa el Zoom para inspeccionar sprites de pixel art pequeños en detalle
Todo el procesamiento ocurre en tu navegador - no se cargan archivos
¿Quieres aprender más? Leer documentación →
1/8
¿No lo encuentras? Crea tu propia herramienta con IA
Comience a escribir para buscar...
Buscando...
No se encontraron resultados
Pruebe con otras palabras clave