# Adaptar un diseño a cada red social: un estilo, todos los tamaños [Canonical HTML page](https://gradiently.design/es/guide/one-look-every-size) Una publicación cuadrada, una historia vertical y un banner de tres a uno son problemas distintos. Un buen sistema resuelve cada uno según sus propias reglas y sigue pareciendo una sola marca. ## The short version - La forma fiable de adaptar un diseño a cada red social es recomponerlo para cada forma, no estirar ni recortar una sola imagen. - Los formatos altos apilan su contenido, los anchos lo extienden a lo largo y los cuadrados centran su peso. - En Gradiently, Copiar a tamaños crea un diseño nuevo para cada tamaño elegido, cada uno recompuesto para su forma, mientras el original se queda como estaba. - Como un Mark se genera para cada tamaño en lugar de escalarse, el fondo conserva su carácter en cualquier proporción. - Cada copia sigue siendo totalmente editable, así que puedes ajustar las palabras o la composición para una plataforma sin tocar las demás. Para adaptar bien un diseño a cada red social, trata cada formato como una composición propia. Estirar una publicación cuadrada hasta convertirla en banner es la forma más rápida de que se vea mal: las palabras quedan demasiado pequeñas, el fondo se deforma y los márgenes dejan de tener sentido. La solución es mantener el estilo, las palabras y la jerarquía, y recomponerlos para cada forma. En Gradiently eso es un solo paso, llamado **Copiar a tamaños**. Esta guía explica por qué cambiar el tamaño rompe los diseños, cómo pide componerse cada forma y cómo pasar de un diseño terminado a un conjunto completo. Para las cifras en sí, ten abierta en otra pestaña la guía de [tamaños de imagen para redes sociales](https://gradiently.design/es/guide/social-media-image-sizes). ## Por qué estirar y recortar no funciona Un diseño es un conjunto de relaciones: del titular al margen, del titular a la línea de apoyo, de las palabras a la parte más luminosa del fondo. Cambia la forma y esas relaciones se rompen de maneras previsibles. ### Estirar o recortar una imagen - La letra se escala con el lienzo, así que es enorme en una historia y diminuta en una cabecera - El fondo se deforma o pierde su mejor parte con el recorte - Los márgenes generosos se quedan estrechos, o al revés - Palabras importantes acaban bajo los botones de la plataforma y las fotos de perfil ### Recomponer cada forma - La letra se dimensiona según cómo se ve de verdad el formato - El fondo se dibuja para la nueva forma - Los márgenes se fijan para esa forma - Las palabras se colocan dentro de la zona segura de cada formato ## Cómo pide componerse cada forma En realidad solo hay tres familias de formas, y cada una tiene una composición natural. Una vez que las ves, cambiar el tamaño se convierte en un conjunto de pequeñas decisiones y no en un rediseño. - Historia 9:16: 1080 × 1920 - Publicación vertical 4:5: 1080 × 1350 - Publicación cuadrada 1:1: 1080 × 1080 - Publicación de X 16:9: 1600 × 900 - Cabecera de X 3:1: 1500 × 500 - Banner de LinkedIn: 1584 × 396 Altas, cuadradas y anchas. Cada familia pide una disposición distinta de las mismas palabras. | Forma | Composición natural | Ojo con | | --- | --- | --- | | Alta (historia, Reel, pin de Pinterest) | Apilar: titular arriba, detalle debajo, aire arriba y abajo | Botones de la app y textos en los bordes superior e inferior | | Vertical y cuadrada (publicaciones del feed) | Centrar el peso; un titular fuerte | Recortes de la cuadrícula en los perfiles | | Horizontal (publicación de X, miniatura de YouTube, diapositivas) | Extender a lo largo: palabras a un lado, espacio al otro | Vistas previas pequeñas; pocas palabras y grandes | | Muy ancha (cabeceras, banners) | Una línea corta, márgenes laterales generosos | Fotos de perfil y botones que se superponen a la imagen | Qué cambia cuando un diseño pasa de una forma a otra. Las palabras se mantienen; la disposición no. Por eso las plantillas de Gradiently dependen de la forma en lugar de ser imágenes fijas. Un anuncio en una historia se apila; en una cabecera se extiende a lo largo; en un cuadrado centra su peso. El sistema de diseño decide la disposición para que no tengas que rehacerla en cada plataforma. Una historia vertical que anuncia una apertura, con antetítulo, titular y detalle apilados a lo largo del marco En una historia, el anuncio se apila… Una cabecera ancha con el mismo anuncio compuesto en horizontal sobre el mismo degradado vivo …y en una cabecera se extiende a lo largo, con las mismas palabras. ## El fondo también tiene que cambiar de tamaño La mayoría de las herramientas para cambiar el tamaño mueven las palabras y dejan el fondo como una imagen, que luego se estira o se recorta. Un Mark no es una imagen. Es una receta que se genera para cada tamaño, así que el material conserva su carácter en cualquier proporción: una historia recibe una composición hecha para un marco alto, un banner una hecha para un marco ancho, y ninguna es un recorte de la otra. Una cabecera ancha de X con las palabras Tú, igual en cada tamaño sobre un degradado vivo dibujado para el formato ancho Una cabecera es una composición propia: márgenes anchos, letra más pequeña, aire para respirar y un Mark dibujado para tres a uno. Lo mismo pasa con la legibilidad. El Mark deja espacio a las palabras allí donde caen en cada formato, y la Tinta automática elige claro u oscuro en cada línea, así que un titular que se lee en el cuadrado sigue leyéndose cuando pasa a otra parte de la historia. ## Cómo copiar un diseño a otros tamaños en Gradiently 1. **Termina primero un diseño** Deja bien las palabras, la jerarquía y el Mark en el formato que más te importa. Todo lo demás sale de ahí. 2. **Abre Cambiar tamaño** Está en la barra izquierda del Estudio. Busca por plataforma o tamaño, como *historia de Instagram*, *A4* o *1080 × 1920*, o explora por plataforma. Marca con estrella los tamaños que usas a menudo y te esperarán en Favoritos. 3. **Elige varios tamaños** Selecciona tantos como necesites. Cada uno se recompone para su forma y se previsualiza antes de que cambie nada. 4. **Elige Copiar y cambiar tamaño** Así se crea un diseño nuevo para cada tamaño, junto al original en tu espacio de trabajo. El original se queda exactamente como estaba. 5. **Ajusta cada copia si hace falta** Cada copia es un diseño normal. Acorta una línea para la cabecera, mueve el logo en la historia; los cambios en una no afectan a las demás. Cambiar tamaño también puede trabajar sobre el propio diseño: cambia el tamaño de la página actual, de todas las páginas o del diseño entero sin hacer copias. Los tamaños personalizados se pueden escribir en píxeles, o en milímetros, centímetros o pulgadas para impresión, donde se convierten a píxeles a 300 ppp. > **Pide el conjunto completo** El Designer puede hacerlo a partir de una frase, como *la misma idea en todos los tamaños* o *seis publicaciones para la semana de lanzamiento, un solo sistema*. El conjunto se crea junto a tu diseño. Consulta [la guía del Designer](https://gradiently.design/es/guide/designer-ai-guide). ## Una lista para cada conjunto adaptado - El titular se lee al tamaño en que la gente lo ve de verdad, que en miniaturas y cabeceras es pequeño. - Nada importante queda bajo los botones de la plataforma, los textos o las fotos de perfil. - La parte más luminosa o más tranquila del fondo queda detrás de las palabras en todos los formatos. - Los logos tienen el mismo tamaño relativo en todo el conjunto, no escalado con cada lienzo. - El conjunto parece una sola marca al ponerlo uno junto a otro. [La coherencia de marca](https://gradiently.design/es/guide/brand-consistency) explica por qué eso importa más que cualquier publicación suelta. ## FAQ ### ¿Cómo adapto un diseño a cada red social sin que se vea estirado? Recompónlo para cada forma en lugar de estirar una sola imagen: apila el contenido en los formatos altos, céntralo en los cuadrados y extiéndelo a lo largo en los anchos. Copiar a tamaños de Gradiently lo hace automáticamente. ### ¿Copiar a tamaños cambia mi diseño original? No. Copiar y cambiar tamaño crea un diseño nuevo para cada tamaño junto al original, que se queda exactamente como estaba. ### ¿Puedo editar cada copia por separado? Sí. Cada copia es un diseño normal y editable, así que puedes ajustar las palabras o la composición para una plataforma sin afectar a las demás. ### ¿Puedo cambiar a un tamaño personalizado? Sí. Escribe un tamaño en píxeles, o en milímetros, centímetros o pulgadas para impresión, donde se convierte a 300 ppp.