CodeKitHub
Herramientas de imagen

Divisor de Imágenes

Última actualización:

Una "publicación en cuadrícula" de Instagram — donde una foto ancha se corta en 9 (o 4, o 6) piezas cuadradas que se recomponen en una sola imagen a lo largo de tu cuadrícula de perfil — necesita que la imagen original se corte en partes exactamente iguales, en el orden correcto, o la ilusión se rompe. Esta herramienta hace ese corte localmente en tu navegador: elige un tamaño de cuadrícula y divide la imagen en piezas de tamaño uniforme que puedes previsualizar y descargar como un único archivo ZIP, listo para subir como publicaciones secuenciales.

¿Qué es esta herramienta?

Un divisor de imágenes divide una única imagen de origen en una cuadrícula de piezas más pequeñas de igual tamaño, más comúnmente para la tendencia de "diseño en cuadrícula" de Instagram, donde una sola foto o ilustración ancha se publica como una secuencia de imágenes cuadradas individuales que se recomponen en la original al verse juntas en una cuadrícula de perfil.

La técnica en sí es geometría simple — el ancho y el alto de la imagen de origen se dividen cada uno entre el número de columnas y filas, y cada rectángulo resultante se recorta como su propio archivo — pero hacerlo con precisión a mano en un editor de fotos genérico es delicado y propenso a errores, especialmente en una cuadrícula de 3x3 o mayor, donde un pequeño desajuste en una pieza descuadra toda la secuencia.

Esta herramienta calcula los límites de la cuadrícula con precisión a partir de las dimensiones reales en píxeles de la imagen y renderiza cada pieza usando la API HTML5 Canvas por completo en tu navegador, de modo que cada pieza encaja exactamente y la imagen en sí nunca tiene que salir de tu dispositivo.

¿Por qué utilizarlo?

  • Un ilustrador acaba de entregarte un mural panorámico para el lanzamiento de marca y el plan de contenido pide una toma completa de la cuadrícula 3x3 el día del anuncio — subes la imagen y descargas las nueve piezas listas en un minuto.
  • Quieres hacer una revelación tipo "antes y después" en dos publicaciones consecutivas sin tener que medir píxeles a mano en Photoshop para que ambas mitades encajen perfectamente.
  • Gestionas la cuenta de Instagram de una marca y el cliente pide semanalmente publicaciones en carrusel a partir de banners anchos de campaña — necesitas repetir el mismo corte una y otra vez sin perder tiempo cada vez.
  • Ya intentaste dividir una foto a mano recortando en tu editor habitual y las piezas no encajaban al subirlas — un pequeño desajuste de píxeles en una esquina bastó para arruinar la cuadrícula completa.
  • Trabajas con datos de clientes o imágenes de producto no publicadas y necesitas una herramienta que no suba el archivo a ningún servidor antes del lanzamiento oficial.

Cómo utilizarlo

  1. Haz clic en la zona de arrastre (o arrastra y suelta) para elegir una imagen desde tu dispositivo.
  2. Elige un tamaño de cuadrícula — 1x2, 1x3, 2x2, 3x3 o 1x4 — en el menú desplegable.
  3. Previsualiza las piezas resultantes al instante debajo de los controles.
  4. Haz clic en "Descargar todo (ZIP)" para obtener cada pieza como un archivo PNG numerado dentro de un único archivo ZIP.

Ejemplo

Entrada

Una foto cuadrada de 1200×1200px, cuadrícula: 3x3

Resultado

9 piezas de 400×400px cada una, de tile-1.png a tile-9.png

Las piezas están numeradas de izquierda a derecha, de arriba abajo — el mismo orden en el que las subirías a Instagram (empezando por la pieza inferior derecha y retrocediendo, de modo que, a medida que publicas nuevas entradas, las piezas más antiguas se desplazan hacia abajo y la cuadrícula se recompone correctamente).

Tamaños de cuadrícula comunes y sus usos

Diferentes tamaños de cuadrícula se adaptan a distintos tipos de publicaciones y revelaciones.

CuadrículaPiezasUso típico
1x22Revelación simple de antes/después o en dos partes
2x24Revelación cuadrada pequeña, rápida de publicar
1x33Una sola fila a lo largo de tres publicaciones consecutivas
3x39Toma completa de la cuadrícula de perfil — el clásico diseño de cuadrícula de Instagram
1x44Un panorama ancho dividido en cuatro publicaciones consecutivas

Herramientas relacionadas

Para otras herramientas de edición de imágenes local, prueba estas.

Redimensionador de imágenes · Compresor de imágenes · Recortador de imágenes

Orden de publicación: por qué se sube al revés

El motivo por el que las piezas se numeran empezando por la esquina inferior derecha y no por la superior izquierda tiene que ver con cómo funciona el feed de Instagram: cada publicación nueva se coloca siempre en la primera posición (arriba a la izquierda) y empuja el resto hacia abajo, así que si subieras las piezas en el orden "natural" de lectura, la cuadrícula terminaría invertida.

Publicando primero la pieza inferior derecha, luego la del medio de la fila inferior, y así sucesivamente hasta terminar con la pieza superior izquierda, cada nueva publicación empuja el resto exactamente a la posición correcta — cuando subes la última pieza (la superior izquierda), la imagen completa queda perfectamente recompuesta en tu perfil.

Si tu cuenta ya tiene publicaciones antiguas debajo, recuerda que la cuadrícula en cuadrícula solo funciona con las piezas contiguas más recientes — cualquier publicación intermedia entre piezas rompe la ilusión, así que conviene subirlas todas seguidas sin publicar nada más en medio.

Preguntas frecuentes

¿Qué tamaño de cuadrícula debo usar para una cuadrícula de perfil de Instagram?

3x3 (9 piezas) es la opción más común, ya que llena exactamente una vez la vista estándar de perfil de Instagram de tres columnas. Una división 2x2 o 1x3 funciona para una revelación más pequeña que no ocupe toda tu cuadrícula reciente.

¿En qué orden debo publicar las piezas?

Como la cuadrícula de Instagram muestra primero las publicaciones más recientes (arriba a la izquierda), generalmente debes publicar las piezas en orden inverso — empezando por la pieza inferior derecha de tu cuadrícula y terminando por la superior izquierda — para que, cuando todas las piezas estén publicadas, se lean correctamente de izquierda a derecha y de arriba abajo.

¿La imagen tiene que ser un cuadrado perfecto?

No, pero para un diseño de cuadrícula simétrico (como 3x3) una imagen de origen cuadrada da como resultado piezas cuadradas, lo que coincide con cómo Instagram recorta las publicaciones de cuadrícula cuadrada. Una imagen no cuadrada igualmente se dividirá de forma uniforme, solo que en piezas rectangulares en lugar de cuadradas.

¿En qué formato de archivo se guardan las piezas?

Cada pieza se exporta como un archivo PNG dentro del archivo ZIP descargado, lo que conserva la calidad sin recompresión con pérdida.

¿Se sube mi imagen a algún sitio?

No. La imagen se lee directamente en tu navegador y se divide usando la API Canvas por completo en el lado del cliente. Nada se envía a un servidor — el archivo ZIP también se ensambla localmente en tu navegador.

¿Qué resolución mínima necesita mi imagen de origen para una cuadrícula 3x3?

Cuanto mayor sea la imagen original, mejor se verá cada pieza en la cuadrícula final. Como referencia, Instagram muestra cada miniatura de perfil a unos 340×340px, así que una imagen de origen de al menos 1200×1200px (dando piezas de 400×400px en una cuadrícula 3x3) deja margen de sobra sin que se note pixelado.

¿Puedo usar una cuadrícula que no sea cuadrada, como un rectángulo panorámico ancho?

Sí — las opciones 1x2, 1x3 y 1x4 están pensadas exactamente para eso: dividen la imagen en franjas horizontales en vez de en piezas cuadradas, ideales para un banner panorámico que se reparte en varias publicaciones seguidas de un carrusel o de una fila de la cuadrícula.

¿Qué pasa si mi imagen no se divide en partes exactamente iguales, por ejemplo si el ancho no es múltiplo de 3?

La herramienta calcula los límites de cada pieza a partir de las dimensiones reales en píxeles, redondeando internamente cuando hace falta, así que las piezas resultantes son prácticamente idénticas en tamaño aunque el ancho o alto original no se divida en números exactos — la diferencia, si la hay, es de un píxel como mucho y no se aprecia a simple vista.

¿Puedo dividir varias imágenes a la vez?

No — esta herramienta procesa una imagen por sesión. Para dividir varias fotos, repite el proceso con cada una; como todo ocurre localmente en tu navegador sin subidas, cada división es prácticamente instantánea.

Herramientas relacionadas