Tamanho de imagens no Twitter: tudo que você precisa saber

TL;DR

Tamanho de imagens no Twitter, no guia, mira 506x253 (proporção 2:1) na timeline desktop, Summary Card mínima 120x120 (<1MB, crop 4:3) e Large Image a partir de 280x150 redimensionada para 480px de largura.

  • Por que importa: crop errado esconde rosto, produto e CTA no feed.
  • Em números: 506x253, 120x120, 280x150 e largura 480px estão no texto.
  • Como funciona: proporção 2:1 na timeline; cards têm mínimos e teto de 1MB.
  • Ponto de atenção: specs podem ter mudado na plataforma X; valide antes do brandbook.
  • Conclusão: exporte masters 2:1 e teste o card no validador oficial.
O Twitter é, em sua natureza, uma rede social que permite uma maior flexibilidade e informalidade. As empresas que mantêm uma forte presença na plataforma usam este espaço como uma forma mais facilitada para conseguir se comunicar com o seu público sem muitas burocracia. Porém, mesmo com este ambiente mais flexível, é importante que os perfis de empresas mantenham um certo caráter de profissionalismo, prezando sempre pela imagem que a empresa estará refletindo. Por isso, na hora de fazer postagens, é importante estar sempre atento ao tamanho de imagens no Twitter, para conseguir se manter dentro do padrão proposto e não ter as imagens cortadas ou mal enquadradas, por exemplo. Confira a seguir as principais dicas para conseguir usar as suas imagens de maneira correta!
Neste post 2

O real tamanho de imagens no Twitter

Quando visualizadas em computadores desktops, as imagens do Twitter aparecem na timeline com as medidas de 506 pixels de comprimento por 253 pixels de altura. A proporção almejada é a de 2:1, ou seja, a cada 2 pixels de comprimento, a imagem deve apresentar 1 pixel de altura. Isto quer dizer que qualquer imagem que estiver nesta escala de 2:1, e que for maior do que o tamanho padrão da plataforma, será perfeitamente redimensionada para encaixar nas medidas propostas, apresentando a imagem sem nenhuma falha. Porém, se a imagem for nesta mesma proporção e for menor do que os moldes do Twitter, o espaço será preenchido com espaços em braco em torno da imagem.

E se a imagem não estiver na proporção certa?

Neste caso, a própria plataforma irá cortar a imagem para a que a visualização fique nos tamanhos ideais. A imagem só será visualizada por completo se o usuário clicar na imagem no seu feed. O Twitter tem a sua própria maneira de identificar qual é o elemento visual dominante na imagem, dando ênfase maior nesta parte e cortando as extremidades restantes da figura. Se não for possível identificar a parte dominante, o foco será a parte central da imagem.

Como ficam as imagens nos Twitter Cards?

Para compor todos os nove tipos de cards do Twitter, as imagens se tornam parte importante no processo de escolha. Mas, apesar disso, para cada configuração, existe uma proporção adequada. Alguns aplicativos, como o AgoraPulse, são capazes de redimensionar as imagens para cada card específico. Vamos falar um pouco mais sobre um dos cards mais utilizados, o Summary Card, ou “Cartão de Resumo”, em português. Este card permite a visualização prévia do conteúdo que foi linkado no tweet antes de ser clicado pelo usuário. Normalmente, são utilizados para promover blogs, notícias e outros artigos do gênero. Para as Summary Cards, o Twitter exige um tamanho mínimo de 120px por 120px, sendo que a imagem precisa ser menor do que 1MB. Porém, para visualização, a imagem será cortada na proporção 4:3, sendo redimensionada para 120px por 90px. Já no modelo de Summary Cards With Larger Images, ou “Cartões de Resumo com Imagens Maiores”, o arquivo também deve conter menos de 1MB, porém, a imagem deve ter pelo menos 280px de largura e 150px de altura. Mas, para encaixar no modelo, todas as imagens deste tipo de card serão redimensionadas para a largura de 480px, tendo a medida da altura proporcional à imagem original.

Como essas imagens serão cortadas?

Assim, como mostramos, as imagens serão redimensionadas para se adequar aos padrões dos modelos de card. Os critérios que o Twitter leva em consideração são:
  • As imagens quadradas e verticais serão cortadas de baixo para cima, mantendo o conteúdo ao longo de toda a extensão da largura;
  • As imagens horizontais serão cortadas das extremidades para o centro, mantendo a altura original da figura.
Se você quiser ter uma visualização prévia de como a sua imagem vai ficar no modelo de card que você escolher, é recomendado que se use a ferramenta gratuita do Twitter para fazer a validação antes de postar de fato. Agora que você já sabe qual o tamanho de imagens no Twitter que são ideais para cada situação, chegou a hora de colocar em prática!  

Perguntas frequentes

Qual tamanho o artigo indica para a timeline no desktop?

506 pixels de comprimento por 253 de altura, com proporção almejada 2:1. Qualquer arte nessa escala maior que esse quadro ainda deve respeitar 2:1 para evitar corte estranho. Centralize o assunto. Evite texto colado nas bordas. Recheque no cliente desktop e mobile.

Quais mínimos valem para Summary Cards?

Mínimo 120px por 120px e arquivo menor que 1MB; na visualização a imagem é cortada em 4:3 para 120px por 90px. Mantenha o logo longe das margens do crop. Comprima sem banding. Atualize meta tags após trocar a arte. Valide o card em ferramenta de preview.

E para Summary Cards with Larger Images?

Também <1MB, com pelo menos 280px de largura e 150px de altura; o modelo redimensiona para 480px de largura mantendo proporção. Prefira horizontais nítidas. Não dependa de detalhe miúdo. Teste título + imagem juntos. Troque a arte se o crop cobrir o produto.

O que acontece se a proporção estiver errada?

O post explica que a plataforma corta a imagem para caber no quadro da timeline ou do card. Refaça o export em 2:1 quando o assunto for cortado. Use safe zone central. Evite colagens com vários focos. Documente o preset no design system do time.

MM Matt Montenegro