# Tamanho de imagem no Twitter e posts no X que chamam atenção [Canonical HTML page](https://gradiently.design/pt-br/guide/x-post-image-design) No X, as palavras vêm primeiro, e a imagem precisa merecer o lugar ao lado delas. Aqui estão os tamanhos, como a timeline corta e designs que acrescentam algo que o texto não consegue. ## The short version - 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. 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 Os três tamanhos de imagem do X, em escala. O post 16:9 é o padrão seguro. ## 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 | Como os posts com várias imagens são organizados. Quanto mais imagens, mais apertado o corte de cada uma e menos texto cada imagem carrega com segurança. > **Crie para o meio** Se você não sabe como uma imagem será cortada, mantenha palavras e rostos na área central e deixe só o fundo chegar às bordas. É o único layout que sobrevive a qualquer corte. ## 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](https://gradiently.design/pt-br/guide/announcement-post-design). Um card de anúncio largo com a frase A versão 2 chegou sobre um fundo gradiente Um card de 1600×900: aparece inteiro na timeline, com o título legível de relance. Uma versão vertical do mesmo card de anúncio, com as palavras centralizadas 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](https://gradiently.design/pt-br/guide/open-graph-image-size) 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. - Campo índigo: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 55%, #818cf8 100%)` - Campo verde-azulado: `linear-gradient(135deg, #064e3b 0%, #0f766e 55%, #5eead4 100%)` - Campo âmbar: `linear-gradient(135deg, #7c2d12 0%, #c2410c 55%, #fdba74 100%)` Campos que mantêm a forma em timelines claras e escuras: cada um vai de um tom profundo a um claro e nítido, então a imagem nunca se mistura com nenhum dos temas. Para saber mais sobre como a cor se comporta em interfaces escuras, veja [design para modo escuro](https://gradiently.design/pt-br/guide/dark-mode-design). ## 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](https://gradiently.design/pt-br/guide/x-header-size) percorre o layout em detalhe. Uma capa larga do X com uma frase curta centralizada sobre um gradiente 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](https://gradiently.design/pt-br/guide/social-media-image-sizes) e, para um lançamento, [peças gráficas para o dia do lançamento](https://gradiently.design/pt-br/guide/launch-day-graphics) lista tudo de que você vai precisar. ## FAQ ### 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.