Dividir imágenes en cuadrículas, mosaicos y fotogramas

01

Cómo dividir imágenes en partes exactas

dividir imágenes — Revisa cada corte antes de crear los archivos

Elige filas y columnas cuando importa la cuadrícula final. Para dividir imágenes, la herramienta reparte el área útil de manera uniforme y asigna los píxeles sobrantes de forma determinista, sin huecos ocultos. Los ajustes rápidos crean mitades, cuartos o una cuadrícula de 3 por 3, y los valores personalizados admiten hasta 20 filas y 20 columnas.

Elige tamaño exacto cuando una aplicación, impresión o hoja de sprites ya define las dimensiones. La herramienta comienza después del margen, avanza por tamaño más separación y conserva una última pieza menor si la división no es exacta. Margen y separación pueden quedarse en cero para fotos normales.

La vista numerada relaciona cada rectángulo con su nombre antes de exportar. El orden normal empieza arriba a la izquierda; el inverso asigna el archivo 01 a la esquina inferior derecha. Puedes descargar una parte para revisarla o crear el ZIP completo cuando el plan sea correcto.

• dividir imágenes — 2 por 1 crea mitades izquierda y derecha.
• dividir imágenes — 1 por 2 crea mitades superior e inferior.
• dividir imágenes — 3 por 3 crea nueve paneles iguales.
• dividir imágenes — El tamaño exacto sirve para fotogramas de sprites.

02

dividir imágenes — Elegir filas, columnas o tamaño exacto

dividir imágenes — Cada corte corresponde a píxeles del original

Para dividir imágenes, el cálculo usa el ancho y alto intrínsecos después de decodificar. En cuadrícula resta margen y separaciones y reparte el resto. En tamaño exacto avanza por las dimensiones elegidas y conserva el borde restante. La vista y el exportador usan el mismo plan.

03

dividir imágenes — Mantener privada la imagen original

dividir imágenes — Las API locales evitan la subida

La herramienta recibe un File local, lo decodifica con createImageBitmap() y usa drawImage() para copiar cada rectángulo a un Canvas temporal. No contiene una solicitud de subida ni un proyecto remoto. Al limpiar, cierra el bitmap y revoca la URL local.

04

dividir imágenes — Exportar una parte o un ZIP

dividir imágenes — Formato, calidad y nombres explícitos

Puedes dividir imágenes y guardar PNG, JPEG o WebP. PNG funciona bien con texto y transparencia; JPEG con fotografías; WebP cuando el destino lo admite. La descarga individual codifica una pieza y el ZIP codifica el plan completo con nombres numerados.

05

dividir imágenes — Cómo verificamos la herramienta

dividir imágenes — Referencias oficiales y pruebas reproducibles

La verificación usa imágenes de colores con dimensiones conocidas, prueba cuadrícula y tamaño exacto, añade margen y separación, compara coordenadas, reabre las dimensiones exportadas y revisa el ZIP. El código también se inspecciona para descartar primitivas de red.

06

dividir imágenes — Cómo usar un creador de hojas de sprites sin software complejo

dividir imágenes — Ordena, define la celda, prueba el movimiento y exporta coordenadas

dividir imágenes — Añade los fotogramas en el orden de reproducción. Cambiar la posición o quitar una entrada modifica tanto la animación como el índice de metadatos. Una tira sirve para bucles cortos y una cuadrícula evita texturas demasiado anchas.

dividir imágenes — El ancho y alto definen cada celda. Contener conserva toda la fuente, Cubrir llena y recorta, y Estirar fuerza las dimensiones. El espacio separa celdas y el relleno rodea la hoja completa; ambos aparecen en x e y.

dividir imágenes — Genera antes de copiar las coordenadas. Si el atlas supera un límite seguro, imagen y valores se reducen juntos. La vista previa usa el mismo orden y la descarga con JSON o CSS forma una pareja determinista.

07

dividir imágenes — Decide las dimensiones del atlas

dividir imágenes — Celdas, espacios y relleno determinan las coordenadas

dividir imágenes — El creador de hojas de sprites deja visible la geometría. Las columnas marcan los saltos de fila; las tiras fijan una fila o columna. Cada origen parte del relleno exterior y avanza el tamaño del fotograma más el espacio. Si el lienzo necesita reducción, la imagen y las coordenadas usan la misma escala final.

08

dividir imágenes — Mantén el arte privado en el navegador

dividir imágenes — Las API locales evitan la subida de procesamiento

dividir imágenes — Los archivos elegidos se convierten en bitmaps y se dibujan en un Canvas local. Las miniaturas usan direcciones blob creadas por el navegador. No hay endpoint de subida, cuenta ni proyecto en la nube; al limpiar se cierran los bitmaps y se revocan las vistas previas, sin modificar los originales.