# Tamanho de imagem do Twitter e designs para o X que se notam [Canonical HTML page](https://gradiently.design/pt-pt/guide/x-post-image-design) No X, as palavras vêm primeiro e a imagem tem de merecer o lugar ao lado delas. Eis os tamanhos, como a cronologia recorta e designs que acrescentam algo que o texto não consegue. ## The short version - O melhor tamanho de imagem do Twitter para uma única imagem horizontal no X é 1600×900 píxeis, um formato 16:9. - Uma imagem vertical de 1080×1350 ocupa mais do ecrã de um telemóvel, mas pode ser recortada na pré-visualização da cronologia, por isso mantém o conteúdo principal no meio. - Quando uma publicação tem duas, três ou quatro imagens, o X organiza-as numa grelha e recorta cada uma, por isso as publicações com várias imagens precisam de designs simples e centrados. - As imagens no X funcionam melhor quando acrescentam algo que o texto da publicação não consegue, como um visual, uma frase forte ou um cartão que torna um anúncio reconhecível. - A imagem de cabeçalho do X tem 1500×500 píxeis, e a foto de perfil sobrepõe-se ao seu canto inferior esquerdo. O melhor **tamanho de imagem do Twitter** para uma única imagem no X é **1600×900 píxeis**, um formato horizontal 16:9 que a cronologia mostra por inteiro em telemóveis e computadores. Para mais altura num telemóvel, usa um vertical de **1080×1350**, sabendo que a pré-visualização o pode recortar. O cabeçalho do perfil tem **1500×500**. Estes três tamanhos cobrem quase tudo o que vais publicar. - Publicação 1600×900: 1600 × 900 - Vertical 1080×1350: 1080 × 1350 - Cabeçalho 1500×500: 1500 × 500 Os três tamanhos de imagem do X, à escala. A publicação 16:9 é a opção segura por defeito. ## Como o X mostra as imagens na cronologia Uma única imagem 16:9 aparece inteira. As imagens mais altas aparecem maiores nos telemóveis, mas podem ser aparadas na pré-visualização até alguém tocar para as abrir, por isso tudo o que for importante perto da margem de cima ou de baixo arrisca-se a ficar escondido. Com mais de uma imagem, o X dispõe-nas numa grelha e recorta cada mosaico para caber. | Imagens na publicação | Como a cronologia as mostra | Desenha para | | --- | --- | --- | | Uma | Grande, a horizontal aparece inteira, as altas podem ser aparadas | 16:9 em 1600×900, ou vertical com o meio seguro | | Duas | Lado a lado, cada uma recortada numa forma alta | Conteúdo centrado com margens largas | | Três | Uma grande à esquerda, duas empilhadas à direita | A imagem principal primeiro, as mais simples depois | | Quatro | Uma grelha de dois por dois, cada uma recortada | Quatro composições simples e centradas | Como se dispõem as publicações com várias imagens. Quanto mais imagens, mais apertado é cada recorte, e menos texto cada imagem pode levar em segurança. > **Desenha para o meio** Se não sabes como uma imagem vai ser recortada, mantém as palavras e os rostos na zona central e deixa só o fundo chegar às margens. É o único layout que sobrevive a qualquer recorte. ## Imagens com pouco texto que acrescentam algo O X é uma rede de texto em primeiro lugar. A publicação já leva as tuas palavras, por isso uma imagem que as repete acrescenta pouco. As imagens que funcionam trazem algo novo: um visual que as pessoas querem ver, uma frase curta composta com peso, um número, ou um cartão reconhecível que marca a publicação como importante. ### Acrescenta pouco - Uma captura de ecrã de um parágrafo - O texto da publicação outra vez, numa imagem - Dez factos enfiados num só cartão - Uma fotografia de banco genérica ### Merece o lugar - Uma frase, grande, que o texto desenvolve - Um único número com o que ele mede - O produto, um resultado ou um antes e depois - Um cartão com o teu visual que as pessoas reconhecem ## Cartões de anúncio para o X Para lançamentos, novas versões e novidades, um cartão de anúncio coerente ajuda uma publicação a destacar-se como *a* notícia e não como mais uma atualização. Usa a forma 16:9, põe o título à esquerda ou ao centro e mantém os detalhes de apoio curtos, porque o texto da publicação vai levar a história completa e a ligação. Para a hierarquia das próprias palavras, vê [como desenhar uma publicação de anúncio](https://gradiently.design/pt-pt/guide/announcement-post-design). Um cartão de anúncio largo com a frase Chegou a versão 2 sobre um fundo com gradiente Um cartão de 1600×900: aparece inteiro na cronologia, com o título legível num relance. Uma versão vertical do mesmo cartão de anúncio com as palavras centradas A versão vertical: mais presença num telemóvel, com as palavras no meio para o caso de haver recorte. As publicações que partilham uma ligação sem imagem mostram em vez disso a imagem Open Graph da página. Garante que essa pré-visualização tem o mesmo visual do teu cartão; [tamanho da imagem OG](https://gradiently.design/pt-pt/guide/open-graph-image-size) trata das etiquetas e do layout de 1200×630. ## Desenhar para temas claros e escuros As pessoas leem o X num tema claro, escuro ou atenuado, e a tua imagem fica sobre aquele que escolheram. Uma imagem com fundo branco dissolve-se no tema claro e brilha de forma agressiva no escuro. Uma imagem com fundo quase preto faz o contrário. Um campo de cor a toda a largura, com margens definidas, parece intencional em todos. - 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 cronologias claras e escuras: cada um vai de um tom profundo a um claro bem definido, por isso a imagem nunca se funde com nenhum dos temas. Para saber mais sobre o comportamento da cor em interfaces escuras, vê [design em modo escuro](https://gradiently.design/pt-pt/guide/dark-mode-design). ## A imagem de cabeçalho do X O cabeçalho tem **1500×500**, um banner de 3:1. A tua foto de perfil sobrepõe-se ao canto inferior esquerdo, e os telemóveis mostram-no mais pequeno e podem aparar as margens. Mantém-no simples: o teu visual, talvez uma linha curta ao centro ou à direita, nada importante no canto inferior esquerdo. [Tamanho do cabeçalho do Twitter](https://gradiently.design/pt-pt/guide/x-header-size) percorre o layout em pormenor. Um cabeçalho largo do X com uma linha curta de texto centrada sobre um gradiente Um cabeçalho com as palavras ao centro e o canto inferior esquerdo livre para a foto de perfil. ## Exportar e publicar imagens no X 1. **Exporta no tamanho indicado** 1600×900 ou 1080×1350, para que o X reduza e nunca amplie. 2. **Escolhe o formato certo** PNG para texto e cor lisa, JPEG de alta qualidade para fotografias. Junta um grão leve aos gradientes suaves para a compressão não criar faixas. 3. **Escreve uma descrição da imagem** O X deixa-te juntar uma descrição a cada imagem. Escreve o que a imagem diz e mostra, para que os utilizadores de leitores de ecrã e a pesquisa recebam a mesma mensagem. 4. **Verifica num telemóvel** Olha para a publicação na cronologia num telemóvel, nos temas claro e escuro, antes de a fixares. Se publicas a mesma novidade no Instagram, no LinkedIn e no X, desenha-a uma vez e volta a dispô-la para cada forma. A lista completa de formas está em [tamanhos de imagem para redes sociais](https://gradiently.design/pt-pt/guide/social-media-image-sizes) e, para um lançamento, [gráficos para o dia de lançamento](https://gradiently.design/pt-pt/guide/launch-day-graphics) lista todos os recursos de que vais precisar. ## FAQ ### Qual é o melhor tamanho de imagem para o X (Twitter)? 1600×900 píxeis para uma única imagem horizontal, que a cronologia mostra por inteiro. Usa 1080×1350 para uma imagem vertical com o conteúdo principal no meio. ### Porque é que a minha imagem aparece recortada no X? As imagens altas podem ser aparadas na pré-visualização da cronologia, e as publicações com duas a quatro imagens recortam cada uma numa grelha. Mantém as palavras e os rostos no centro. ### Qual é o tamanho do cabeçalho do X? 1500×500 píxeis. A foto de perfil sobrepõe-se ao canto inferior esquerdo, por isso mantém o conteúdo importante longe desse canto. ### As imagens do X devem ter texto? Um pouco. A publicação já leva as tuas palavras, por isso uma imagem funciona melhor com uma frase forte, um número ou um cartão reconhecível do que com um parágrafo.