Dividir imagen en cuadrícula (filas × columnas)

Esta herramienta se ejecuta íntegramente en tu navegador. La imagen seleccionada se lee con la API FileReader, se dibuja en un canvas HTML5 oculto y se recorta celda a celda con drawImage(sx, sy, sw, sh, 0, 0, sw, sh). No se envía ningún dato de píxeles por la red, ni a este sitio ni a terceros. Al cerrar la pestaña todo se descarta de la memoria.

Para una cuadrícula N×M, el ancho de cada pieza es floor(anchoImagen / M) y el alto es floor(altoImagen / N). Por cada fila r y columna c, el rectángulo fuente en (c·piezaW, r·piezaH) con tamaño (piezaW, piezaH) se copia a un canvas nuevo y se exporta como PNG con canvas.toBlob(). La última fila y columna absorben los píxeles restantes para cubrir toda la imagen.

Los usos más comunes son: carruseles de Instagram (3×1, 3×3, 3×4), pósters grandes impresos en varias hojas A4, plantillas para rompecabezas educativos, memes tipo collage, mosaicos para juegos y presentaciones visuales. Cualquier caso en el que una imagen deba dividirse en trozos de igual tamaño en filas y columnas entra aquí.

No. La imagen nunca sale de tu dispositivo. Todo —leer el archivo, dibujar en canvas, generar los PNG de salida y construir el ZIP— sucede dentro de la pestaña del navegador. Puedes comprobarlo abriendo el panel de Red del navegador mientras divides una imagen: no se realiza ninguna subida. La privacidad es total.

Cualquier formato raster que el navegador pueda decodificar como mapa de bits: PNG, JPG / JPEG, WebP, GIF (primer fotograma) y BMP. Las piezas de salida siempre se guardan en PNG para preservar la calidad y la transparencia. SVG y HEIC no están soportados porque los navegadores no siempre los decodifican de forma coherente en canvas.

En la práctica, hasta unos 8000×8000 píxeles funciona en navegadores de escritorio con 8 GB de RAM o más. Los dispositivos móviles suelen llegar hasta 4000×4000 por los límites de memoria del canvas. Si la pestaña se bloquea o alguna pieza sale en blanco, reduce la resolución de la imagen fuente antes de dividirla o elige una cuadrícula más pequeña.

Para un póster de 2×3 (6 hojas A4 verticales) carga tu diseño con la proporción correcta (A4 = 210×297 mm, relación 1:1,414), fija Filas=3 y Columnas=2 y divide. Descarga el ZIP, imprime cada PNG a tamaño A4 sin márgenes (o con márgenes idénticos) y une las hojas. Para pósters apaisados usa 2 filas × 3 columnas. Asegúrate de que el archivo original tenga al menos 150–300 DPI en el tamaño final para una impresión nítida.

Para mantener la herramienta totalmente inline (sin librerías externas), el ZIP se construye en modo STORE —los archivos se concatenan sin compresión—. Los PNG ya están comprimidos internamente, por lo que el tamaño del ZIP se parece mucho al de un archivo comprimido. Cualquier herramienta estándar (Explorador de Windows, Utilidad de Archivo de macOS, 7-Zip, unzip) abre el resultado sin problemas.