Imagens verticais no X: 1080×1350 e como são cortadas

O melhor tamanho de imagem vertical no Twitter é 1080×1350 píxeis, um formato 4:5. Nas aplicações do X para telemóvel, uma imagem única com um formato padrão como este aparece por inteiro na cronologia, por isso uma publicação vertical ocupa muito mais ecrã do que uma larga de 1600×900. Os cortes continuam a acontecer quando publicas de duas a quatro imagens de uma vez, porque o X as encaixa numa grelha. Desenha cada imagem vertical com as palavras e o motivo perto do centro, e ela lê-se quer seja mostrada inteira quer cortada.

Tamanhos de imagem no X, verticais e outros

O cartão de ligação é o caso à parte. Não o anexas à publicação: o X constrói-o a partir da imagem da própria página ligada, por isso define-se no teu site, como se explica em tamanho da imagem Open Graph. Se anexares uma imagem vertical a uma publicação que também contém uma ligação, o X mostra a tua imagem e deixa cair o cartão. Para os tamanhos de todas as plataformas num só sítio, vê os tamanhos de imagem para redes sociais.

Num telemóvel, ambas as imagens são mostradas na largura da coluna, por isso a altura é a única diferença que conta. A publicação horizontal continua a ser a melhor escolha para fotografias largas, gráficos e capturas de ecrã; o tamanho de imagem do Twitter trata disso. Para cartazes, anúncios e tudo o que se constrói à volta de um título, ganha o vertical.

Como o X corta imagens verticais na cronologia

Há três situações para as quais desenhar, e só uma é totalmente previsível.

• Uma imagem, aplicação móvel: os formatos padrão, incluindo 4:5, são mostrados sem cortes. É o caso que a maior parte do teu público vê.
• Uma imagem, web: a coluna da cronologia é estreita e limita a altura com que uma imagem pode aparecer, por isso uma imagem vertical é mostrada mais pequena em relação ao ecrã. As imagens muito altas podem ser cortadas.
• De duas a quatro imagens: o X organiza-as numa grelha de mosaicos e corta cada uma para caber. Duas imagens ficam lado a lado como fatias altas; quatro formam uma grelha de dois por dois. Tocar abre as imagens completas.
• Imagens muito altas: tudo o que seja muito mais alto do que 4:5, como um story completo de 9:16, tem probabilidade de ser cortado na cronologia, e a imagem inteira só se vê ao abrir.

Onde pôr texto numa imagem vertical

Como uma imagem vertical pode ser cortada num mosaico de grelha, a regra segura é a mesma que funciona no Instagram: mantém palavras e logótipos no meio do enquadramento, com margens generosas nos lados. Uma zona segura prática em 1080×1350 é a central de 900×1100, cerca de 90 píxeis para dentro de cada lado e 125 do topo e da base.

1. 1

   Começa a 1080×1350

   Acrescenta guias a cerca de 90 píxeis para dentro de cada lado e a 125 do topo e da base.

2. 2

   Centra o título

   Coloca-o na linha central vertical, um pouco acima do meio. O texto centrado sobrevive ao corte da grelha; o texto metido num canto não.

3. 3

   Mantém o detalhe curto

   Uma linha de apoio por baixo do título. O texto da própria publicação leva o resto, e é a ele que as pessoas respondem.

4. 4

   Usa PNG para gráficos

   O X recomprime as imagens. O texto e os gradientes sobrevivem melhor em PNG; as fotografias ficam bem em JPEG de alta qualidade.

5. 5

   Verifica a grelha se publicares várias

   Antes de publicar um conjunto, imagina cada imagem cortada numa fatia alta a partir do centro. Se um título se partisse, desloca-o para dentro.

Imagens verticais em fios e publicações com várias imagens

Os fios são onde as imagens verticais mais compensam: uma imagem por publicação, cada uma mostrada por inteiro nos telemóveis, cada uma uma só ideia. Um fio de cinco cartões verticais com um fundo coerente lê-se como uma pequena apresentação. Os gráficos para fios do Twitter têm layouts para isso.

A outra vantagem do 1080×1350 é a reutilização. Tem o mesmo tamanho de uma publicação do Instagram, de uma publicação do Threads e de uma publicação vertical do LinkedIn ou do Facebook, por isso um só design pode ir para todas sem alterações. O Gradiently traz todos esses tamanhos incorporados e mantém a letra legível sobre o fundo, aprofundando ou aclarando as cores junto às letras, para que um cartão que fazes para o X fique bem onde quer que publiques. Se a tua conta precisa de um aspeto coerente entre o cabeçalho e as publicações, o branding no Twitter trata do resto.