La versión corta
- 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.
En esta página
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.
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
| 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 |
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.
En una historia, el anuncio se apila…
…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 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.
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 explica por qué eso importa más que cualquier publicación suelta.
Preguntas frecuentes
¿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.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
