Dividir una imagen en piezas

Sobre dividir una imagen

Una imagen, varios trozos. Una foto que se convierte en una cuadrícula 3×3 en un perfil. Una imagen grande cortada en piezas para imprimirla en varias hojas. Una hoja de sprites troceada en fotogramas. Una foto convertida en cartas de puzle.

Hacerlo a mano significa recortar, exportar, renombrar y repetirlo nueve veces intentando no perder una fila de píxeles en las juntas.

Suelta la imagen, di cómo quieres cortarla, y todas las piezas vuelven en un solo ZIP.

Cómo se usa

• Haz clic en Haz clic para subir o suelta tu imagen en la página
• Elige un ajuste rápido — la cuadrícula 3 × 3 de Instagram está ahí — o define tus propias filas y columnas, o un tamaño de pieza en píxeles
• Mira la vista previa: muestra la imagen ya separada en las piezas que obtendrías
• Pulsa Cortar las piezas
• Guarda el ZIP o haz clic en una pieza para guardar solo esa

La vista previa es el resultado

La imagen de la derecha no es la original con unas líneas encima. Cada pieza que ves es un

trozo propio, que enseña su parte de la imagen, colocada con una separación entre ellas. Así

que la vista previa responde a la pregunta que importa: qué habrá realmente en cada archivo.

Se actualiza mientras cambias los números, porque todavía no se corta nada — cada pieza es la

misma imagen detrás de una ventana del tamaño de esa pieza. Cambiar la cuadrícula es un cambio

de maquetación, y por eso sigue el ritmo de un deslizador.

En cuanto pulsas Cortar las piezas, esas mismas piezas se convierten en los archivos

reales. Pasa el ratón por una y aparece un icono de guardar; al hacer clic se guarda solo esa

pieza. El botón del ZIP se las lleva todas.

Dos controles bajo Esta vista previa — la separación entre piezas y los nombres — solo

cambian lo que estás mirando. Nunca afectan a los archivos.

Dos formas de decir cómo

• Una cuadrícula — «3 por 3». Tú decides cuántos trozos, y el tamaño de cada pieza sale del tamaño de la imagen. Esta es la opción para una cuadrícula de perfil, un puzle o un juego de cartas
• Tamaño de pieza en píxeles — «512 por 512». Tú decides cómo de grande es cada trozo, y el número sale de ahí. Esta es la opción para hojas de sprites, teselas de mapa y hojas de impresión

Qué pasa en los bordes

Este es el detalle que decide si el resultado sirve.

Los dos modos lo tratan de forma distinta, y en ambos casos es a propósito.

Una cuadrícula reparte los píxeles sobrantes entre las piezas, así que una imagen de 1000 píxeles cortada en 3 da 333, 334 y 333 — una diferencia de un píxel que nadie notará jamás. Ninguna pieza es visiblemente más pequeña que sus vecinas.

Un tamaño fijo de pieza no puede hacer eso, porque has pedido un tamaño exacto. Una imagen de 1000 píxeles cortada en piezas de 300 da tres piezas completas y un resto de 100 píxeles. Esa última se queda corta. Rellenarla añadiría un fondo que la imagen nunca tuvo, y estirarla deformaría el contenido — así que no se hace ninguna de las dos cosas, y la vista previa lo avisa cuando ocurre.

Puedes verlo en vez de tener que fiarte: las piezas se dibujan con sus tamaños relativos reales, así que una pieza corta de borde se ve corta.

Cada píxel del original acaba en exactamente una pieza. No se pierde nada en una junta ni se duplica nada.

Los nombres, para que los trozos vuelvan a encajar

Las piezas se nombran por su posición: foto-r01c01.png, foto-r01c02.png, y así — primero la fila, luego la columna, con ceros delante.

Eso significa que un orden alfabético en cualquier sitio — en un gestor de archivos, en un diálogo de subida — las deja en orden de lectura, de izquierda a derecha y de arriba abajo. Para una cuadrícula de Instagram, recuerda que las publicaciones aparecen de la más nueva a la más antigua: súbelas al revés.

PNG o JPG

• PNG conserva los píxeles exactos. Una pieza es, byte a byte, la parte del original de la que salió, y la transparencia sobrevive. La opción correcta para gráficos, capturas de pantalla y cualquier cosa que se vaya a editar después
• JPG da archivos mucho más pequeños, con un deslizador de calidad. La opción correcta para fotografías. Las zonas transparentes se vuelven blancas, porque JPG no tiene transparencia

Para qué se usa

• Hacer una cuadrícula 3 × 3 de Instagram a partir de una foto
• Cortar una imagen grande en hojas de impresión para pegarlas como un póster
• Trocear una hoja de sprites en fotogramas sueltos
• Hacer piezas de puzle o tarjetas de estudio a partir de una imagen
• Cortar un mapa o un plano en teselas para un visor
• Partir una captura de pantalla larga en trozos legibles

Bueno saberlo

• No se sube nada. La imagen se corta en tu navegador y nunca sale de tu dispositivo
• El archivo original no se modifica — obtienes piezas nuevas
• Hasta 400 piezas de una vez, para que una cuadrícula desbocada no bloquee la página
• Funciona con PNG, JPG, WebP y GIF (el primer fotograma de un GIF animado)
• Todas las piezas llegan en un solo ZIP — o haz clic en una para guardar solo esa
• Funciona en móvil y tableta igual que en un ordenador

Herramientas relacionadas

• Crear collage de fotos — lo contrario: varias imágenes en una
• Recortar imagen — coger un solo trozo en vez de todos
• Redimensionar imagen — cambiar el tamaño antes de cortar
• Comprimir imagen — aligerar las piezas después
• Comprimir y descomprimir archivos — abrir el ZIP que acabas de crear