A resposta curta: 1600 × 900, proporção 16:9. É o formato que preenche uma publicação no X sem cortes, e o que convém usar salvo motivo em contrário.
Por que 16:9
O X corta bastante na timeline, e 16:9 é o formato que preenche um card de publicação sem cortes tanto no desktop quanto no celular. Com código isso pesa mais do que com fotos: um corte que come os últimos caracteres de uma linha deixa o trecho errado, não apenas mal enquadrado.
Os ajustes
No Codeshot, em Aspect Ratio, mude de Original para Fixed e escolha o atalho 16:9. Depois defina a largura como 800 e exporte em 2×.
Isso dá exatamente 1600 × 900. Exportar em 2× em vez de 1× é o que mantém o texto pequeno nítido em telas retina — um export em 1× de um trecho de código sempre parece um pouco borrado.
Outros tamanhos que funcionam
| Proporção | Pixels | Use quando |
|---|---|---|
| 1:1 | 1080 × 1080 | o trecho é curto e quase quadrado |
| 4:5 | 1080 × 1350 | você quer altura máxima em um feed no celular |
São sempre os mesmos três ajustes: a proporção, uma largura e um export em 2×.
O erro a evitar
Publicar uma captura alta de um arquivo inteiro. O X mostra uma prévia cortada na timeline, então o que aparece é o meio do seu código com a parte interessante de fora. Reduza para dez ou quinze linhas e deixe a proporção fazer o resto.
Mais uma coisa
Mantenha o arquivo abaixo de 5 MB. Um PNG em 2× de um trecho fica muito longe disso, então só importa se você exportar em 3× com um fundo fotográfico.
Tamanhos para outras plataformas
Todos os artigos para o restante, incluindo as demais plataformas.
Publique onde publicar, assim que a imagem é reduzida o tema pesa tanto quanto o tamanho. Você pode comparar os 30 antes de escolher.