Resumindo
- O melhor tamanho de imagem no Twitter para uma única imagem horizontal no X é 1600×900 pixels, um formato 16:9.
- Uma imagem vertical em 1080×1350 ocupa mais da tela do celular, mas pode ser cortada na prévia da timeline, então mantenha o conteúdo principal no meio.
- Quando um post tem duas, três ou quatro imagens, o X as organiza em uma grade e corta cada uma, então posts com várias imagens pedem designs simples e centralizados.
- As imagens no X funcionam melhor quando acrescentam algo que o texto do post não consegue, como um visual, uma frase forte ou um card que torna um anúncio reconhecível.
- A imagem de capa do X tem 1500×500 pixels, e a foto de perfil se sobrepõe ao canto inferior esquerdo.
Nesta página
O melhor tamanho de imagem no Twitter para uma única imagem no X é 1600×900 pixels, um formato horizontal 16:9 que a timeline mostra inteiro em celulares e computadores. Para mais altura no celular, use um formato vertical de 1080×1350, sabendo que a prévia pode cortá-lo. A capa do perfil tem 1500×500. Esses três tamanhos cobrem quase tudo o que você vai publicar.
Post 1600×900
1600 × 900
Vertical 1080×1350
1080 × 1350
Capa 1500×500
1500 × 500
Como o X mostra as imagens na timeline
Uma única imagem 16:9 aparece inteira. Imagens mais altas aparecem maiores no celular, mas podem ser aparadas na prévia até alguém tocar para abrir, então tudo o que for importante perto da borda superior ou inferior corre o risco de ficar escondido. Com mais de uma imagem, o X as organiza em uma grade e corta cada bloco para caber.
| Imagens no post | Como a timeline mostra | Crie pensando em |
|---|---|---|
| Uma | Grande; horizontal aparece inteira, imagens altas podem ser aparadas | 16:9 em 1600×900, ou vertical com o meio seguro |
| Duas | Lado a lado, cada uma cortada em formato alto | Conteúdo centralizado com margens largas |
| Três | Uma grande à esquerda, duas empilhadas à direita | A imagem principal primeiro, as mais simples depois |
| Quatro | Uma grade de dois por dois, cada uma cortada | Quatro composições simples e centralizadas |
Imagens com pouco texto que acrescentam algo
O X é uma rede em que o texto vem primeiro. O post já carrega suas palavras, então uma imagem que as repete em forma de figura acrescenta pouco. As imagens que funcionam trazem algo novo: um visual que as pessoas querem olhar, uma frase curta com peso, um número ou um card reconhecível que marca o post como importante.
Acrescenta pouco
- Uma captura de tela de um parágrafo
- O texto do post de novo, em uma imagem
- Dez fatos espremidos em um card
- Uma foto genérica de banco de imagens
Merece o lugar
- Uma frase, grande, que o texto desenvolve
- Um único número e o que ele mede
- O produto, um resultado ou um antes e depois
- Um card com o seu visual, que as pessoas reconhecem
Cards de anúncio para o X
Em lançamentos, versões novas e notícias, um card de anúncio consistente ajuda o post a se destacar como a notícia, e não como mais uma atualização. Use o formato 16:9, coloque o título à esquerda ou no centro e mantenha os detalhes de apoio curtos, porque o texto do post vai levar a história completa e o link. Para a hierarquia das palavras em si, veja como criar um post de anúncio.
Um card de 1600×900: aparece inteiro na timeline, com o título legível de relance.
A versão vertical: mais presença no celular, com as palavras no meio para o caso de um corte.
Posts que compartilham um link sem imagem mostram a imagem Open Graph da página. Garanta que essa prévia tenha o mesmo visual do seu card; tamanho da imagem OG explica as tags e o layout de 1200×630.
Como criar para os temas claro e escuro
As pessoas leem o X em um tema claro, em um escuro ou em um intermediário, e sua imagem fica sobre o que elas escolheram. Uma imagem com fundo branco se dissolve no tema claro e brilha de forma agressiva no escuro. Uma imagem com base quase preta faz o contrário. Um campo de cor sangrado, com bordas definidas, parece intencional em todos eles.
Para saber mais sobre como a cor se comporta em interfaces escuras, veja design para modo escuro.
A imagem de capa do X
A capa tem 1500×500, um banner 3:1. Sua foto de perfil se sobrepõe ao canto inferior esquerdo, e os celulares a mostram menor e podem aparar as bordas. Mantenha simples: o seu visual, talvez uma frase curta no centro ou à direita, nada importante no canto inferior esquerdo. Tamanho da capa do Twitter percorre o layout em detalhe.
Uma capa com as palavras no centro e o canto inferior esquerdo livre para a foto de perfil.
Como exportar e publicar imagens no X
- 1
Exporte no tamanho indicado
1600×900 ou 1080×1350, para que o X reduza, nunca amplie.
- 2
Escolha o formato certo
PNG para texto e cor chapada, JPEG de alta qualidade para fotos. Adicione um grão leve a gradientes suaves, para que a compressão não crie faixas.
- 3
Escreva uma descrição da imagem
O X permite adicionar uma descrição a cada imagem. Escreva o que a imagem diz e mostra, para que usuários de leitor de tela e a busca recebam a mesma mensagem.
- 4
Confira no celular
Veja o post na timeline em um celular, nos temas claro e escuro, antes de fixá-lo.
Se você publica a mesma notícia no Instagram, no LinkedIn e no X, crie uma vez e refaça o layout para cada formato. A lista completa de formatos está em tamanhos de imagem para redes sociais e, para um lançamento, peças gráficas para o dia do lançamento lista tudo de que você vai precisar.
Perguntas frequentes
Qual é o melhor tamanho de imagem para o X (Twitter)?
1600×900 pixels para uma única imagem horizontal, que a timeline mostra inteira. Use 1080×1350 para uma imagem vertical, com o conteúdo principal no meio.
Por que minha imagem é cortada no X?
Imagens altas podem ser aparadas na prévia da timeline, e posts com duas a quatro imagens cortam cada uma em uma grade. Mantenha palavras e rostos no centro.
Qual é o tamanho da capa do X?
1500×500 pixels. A foto de perfil se sobrepõe ao canto inferior esquerdo, então mantenha o conteúdo importante longe desse canto.
As imagens no X devem ter texto?
Um pouco. O post já carrega suas palavras, então uma imagem funciona melhor com uma frase forte, um número ou um card reconhecível do que com um parágrafo.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil
