# Redimensionar designs para redes sociais: um visual, todos os tamanhos

[Canonical HTML page](https://gradiently.design/pt-pt/guide/one-look-every-size)

Uma publicação quadrada, uma story vertical e um banner de três para um são problemas diferentes. Um bom sistema resolve cada um à sua maneira e continua a parecer uma só marca.

## The short version

- A forma fiável de redimensionar um design para redes sociais é voltar a compô-lo para cada forma, não esticar nem recortar uma imagem.
- Os formatos altos empilham o conteúdo, os largos distribuem-no na horizontal e os quadrados centram o seu peso.
- Na Gradiently, copiar para tamanhos cria um design novo para cada tamanho escolhido, cada um composto de novo para a sua forma, enquanto o original fica como estava.
- Como um Mark é desenhado para cada tamanho em vez de ser escalado, o fundo mantém o seu carácter em qualquer proporção.
- Cada cópia continua totalmente editável, por isso podes ajustar as palavras ou a composição para uma plataforma sem tocar nas outras.

Para redimensionar bem um design para redes sociais, trata cada formato como uma composição própria. Esticar uma publicação quadrada até virar um banner é a forma mais rápida de a fazer parecer errada: as palavras ficam pequenas demais, o fundo deforma-se e as margens deixam de fazer sentido. A solução é manter o visual, as palavras e a hierarquia, e compô-los de novo para cada forma. Na Gradiently, isso é um só passo, chamado **copiar para tamanhos**.

Este guia explica porque é que redimensionar estraga designs, como cada forma pede para ser composta e como passar de um design acabado para um conjunto completo. Para os números em si, mantém [tamanhos de imagem para redes sociais](https://gradiently.design/pt-pt/guide/social-media-image-sizes) aberto noutro separador.

## Porque é que esticar e recortar falham

Um design é um conjunto de relações: título e margem, título e linha de apoio, palavras e a parte mais clara do fundo. Muda a forma e essas relações quebram de formas previsíveis.

### Esticar ou recortar uma imagem

- A letra escala com a tela, por isso fica enorme numa story e minúscula num cabeçalho
- O fundo deforma-se ou perde a sua melhor parte no recorte
- Margens que eram generosas ficam apertadas, ou o contrário
- Palavras importantes caem por baixo de botões da plataforma e fotos de perfil

### Compor cada forma de novo

- A letra tem o tamanho certo para a forma como o formato é realmente visto
- O fundo é desenhado para a nova forma
- As margens são definidas para essa forma
- As palavras ficam dentro da zona segura de cada formato

## Como cada forma pede para ser composta

Na verdade só há três famílias de formas, e cada uma tem uma composição natural. Quando as vês, redimensionar passa a ser um conjunto de pequenas decisões e não um redesenho.

- Story 9:16: 1080 × 1920
- Publicação vertical 4:5: 1080 × 1350
- Publicação quadrada 1:1: 1080 × 1080
- Publicação no X 16:9: 1600 × 900
- Cabeçalho do X 3:1: 1500 × 500
- Banner do LinkedIn: 1584 × 396

Alto, quadrado e largo. Cada família pede uma disposição diferente das mesmas palavras.

| Forma | Composição natural | Atenção a |
| --- | --- | --- |
| Alta (Story, Reel, pin do Pinterest) | Empilhar: título em cima, pormenor por baixo, espaço no topo e na base | Botões da aplicação e legendas nas margens de cima e de baixo |
| Vertical e quadrada (publicações do feed) | Centrar o peso; um título forte | Recortes da grelha nas páginas de perfil |
| Horizontal (publicação no X, miniatura do YouTube, diapositivos) | Distribuir na horizontal: palavras de um lado, espaço do outro | Pré-visualizações pequenas; poucas palavras e grandes |
| Muito larga (cabeçalhos, banners) | Uma linha curta, margens laterais generosas | Fotos de perfil e botões que se sobrepõem à imagem |

O que muda quando um design passa de uma forma para outra. As palavras ficam iguais; a disposição não.

É por isso que os modelos da Gradiently são funções da forma e não imagens fixas. Um anúncio numa story empilha-se; num cabeçalho distribui-se na horizontal; num quadrado centra o seu peso. O sistema de design decide a disposição para que não tenhas de a reconstruir para cada plataforma.

Uma story vertical a anunciar uma abertura, com etiqueta, título e pormenor empilhados ao longo do enquadramento

Numa story, o anúncio empilha-se…

Um cabeçalho largo com o mesmo anúncio composto na horizontal sobre o mesmo gradiente vivo

…e num cabeçalho distribui-se na horizontal, com as mesmas palavras.

## O fundo também tem de se redimensionar

A maioria das ferramentas de redimensionamento move as palavras e deixa o fundo como uma imagem, que depois é esticada ou recortada. Um Mark não é uma imagem. É uma receita, desenhada para cada tamanho, por isso o material mantém o seu carácter em qualquer proporção: uma story recebe uma composição feita para um enquadramento alto, um banner recebe uma feita para um enquadramento largo, e nenhuma é um recorte da outra.

Um cabeçalho largo do X com as palavras Sempre tu, em todos os tamanhos sobre um gradiente vivo desenhado para o formato largo

Um cabeçalho é uma composição própria: margens largas, letra mais pequena, espaço para respirar e um Mark desenhado para três para um.

O mesmo vale para a legibilidade. O Mark abre espaço para as palavras onde quer que caiam em cada formato, e a Tinta automática escolhe claro ou escuro linha a linha, por isso um título que se lê no quadrado continua a ler-se depois de passar para outra parte da story.

## Como copiar um design para outros tamanhos na Gradiently

1. **Termina primeiro um design** Acerta as palavras, a hierarquia e o Mark no formato que mais te importa. Tudo o resto parte daí.
2. **Abre Redimensionar** Está na barra lateral esquerda do Studio. Pesquisa por plataforma ou tamanho, como *story do Instagram*, *A4* ou *1080 × 1920*, ou navega por plataforma. Marca com estrela os tamanhos que usas muito e ficam à tua espera em Favoritos.
3. **Escolhe vários tamanhos** Seleciona tantos quantos precisares. Cada um é composto de novo para a sua forma e pré-visualizado antes de mudar alguma coisa.
4. **Escolhe Copiar e redimensionar** Isto cria um design novo para cada tamanho, ao lado do original no teu espaço de trabalho. O original fica exatamente como estava.
5. **Ajusta cada cópia se for preciso** Cada cópia é um design normal. Encurta uma linha no cabeçalho, move o logótipo na story; as alterações numa não tocam nas outras.

Redimensionar também pode funcionar no próprio design: redimensiona a página atual, todas as páginas ou o design inteiro sem fazer cópias. Os tamanhos personalizados podem ser escritos em píxeis, ou em milímetros, centímetros ou polegadas para impressão, onde passam a píxeis a 300 dpi.

> **Pede o conjunto inteiro** O Designer consegue fazer isto a partir de uma frase, como *a mesma ideia em todos os tamanhos* ou *seis publicações para a semana de lançamento, um só sistema*. O conjunto é criado ao lado do teu design. Vê [o guia do Designer](https://gradiently.design/pt-pt/guide/designer-ai-guide).

## Uma lista de verificação para cada conjunto redimensionado

- O título lê-se no tamanho em que as pessoas o veem de facto, que nas miniaturas e nos cabeçalhos é pequeno.
- Nada importante fica por baixo de botões da plataforma, legendas ou fotos de perfil.
- A parte mais clara ou mais calma do fundo fica por trás das palavras em todos os formatos.
- Os logótipos têm o mesmo tamanho relativo em todo o conjunto, em vez de escalarem com cada tela.
- O conjunto parece uma só marca quando posto lado a lado. [Coerência da marca](https://gradiently.design/pt-pt/guide/brand-consistency) explica porque é que isso importa mais do que qualquer publicação isolada.

## FAQ

### Como redimensiono um design para redes sociais sem que pareça esticado?

Volta a compô-lo para cada forma em vez de esticar uma imagem: empilha o conteúdo nos formatos altos, centra-o nos quadrados e distribui-o na horizontal nos largos. O copiar para tamanhos da Gradiently faz isto automaticamente.

### Copiar para tamanhos altera o meu design original?

Não. Copiar e redimensionar cria um design novo para cada tamanho ao lado do original, que fica exatamente como estava.

### Posso editar cada cópia redimensionada em separado?

Sim. Cada cópia é um design normal e editável, por isso podes ajustar as palavras ou a composição para uma plataforma sem afetar as outras.

### Posso redimensionar para um tamanho personalizado?

Sim. Escreve um tamanho em píxeis, ou em milímetros, centímetros ou polegadas para impressão, onde é convertido a 300 dpi.