Como compartilhar capturas de tela de apps no X

O X é onde muitos desenvolvedores mostram o que estão construindo, da primeira tela ao lançamento. Só que uma captura de celular crua tem o formato errado para a timeline, e o X não publica as regras exatas de corte. Este guia fica no que é documentado ou amplamente confirmado e mostra como criar imagens que sobrevivem à timeline.

O tamanho que aparece inteiro: 16:9

O X não documenta um tamanho oficial de imagem para posts. Guias de tamanho como o da Metricool recomendam 16:9, em 1600 × 900 ou 1200 × 675 pixels, e 16:9 é o formato que aparece na timeline sem cortes nos apps do X e na web.

Imagens mais altas podem ser cortadas na prévia da timeline. As pessoas podem tocar para ver a imagem inteira, mas a maioria não toca, então trate a prévia como o que elas veem. Uma captura de iPhone tem cerca de 9:19,5, muito mais alta que 16:9, e por isso publicá-la crua geralmente mostra só uma fatia do meio.

A solução é colocar a captura em um quadro 16:9:

Posts com duas, três ou quatro imagens

Quando você anexa mais de uma imagem, o X as organiza em uma grade e corta cada uma para caber na sua célula:

ImagensLayout na timeline
2Lado a lado
3Uma imagem grande, com duas menores empilhadas ao lado
4Uma grade de 2 × 2

As células não são 16:9, e o corte exato muda conforme o app e o tamanho da tela, então não dá para desenhar cada imagem para encaixar perfeitamente. O que funciona sempre:

Muitas vezes, uma única imagem 16:9 com duas ou três telas lado a lado fica mais limpa que uma grade de imagens separadas, porque você controla o layout inteiro em vez do corte.

Adicione descrições às imagens

O X permite adicionar uma descrição, também chamada de texto alternativo, a cada imagem. Leitores de tela a leem em voz alta, e as pessoas podem abri-la pelo selo ALT na imagem. Segundo a página de ajuda do X, você a adiciona pela opção +ALT ou Adicionar descrição em cada imagem anexada, e as descrições podem ter até 1.000 caracteres. Não é possível adicioná-las a vídeos.

Em uma captura de tela de app, descreva o que a tela mostra e por que isso importa, não cada pixel:

iPhone mostrando a tela inicial do Offline Transcription: uma lista de arquivos de áudio, um deles no meio da transcrição, com uma barra de progresso.

O X tem o próprio guia sobre como escrever boas descrições de imagem.

Imagem ou vídeo curto?

Os dois têm seu lugar.

Um bom padrão para um recurso é uma imagem estática emoldurada no post, com uma gravação de tela em uma resposta para quem quiser ver em movimento.

Dicas de publicação para desenvolvedores

Um fluxo rápido

  1. Capture a tela em resolução total, no dispositivo ou no Simulador.
  2. Coloque-a em uma moldura de dispositivo em um quadro 16:9, com um fundo calmo e margem. O guia como colocar uma captura de tela em uma moldura de iPhone mostra as opções.
  3. Exporte um JPEG em 1600 × 900 ou maior.
  4. Escreva uma linha sobre o que mudou, anexe a imagem e adicione uma descrição.

O FeatureFrame faz os passos 2 e 3 em uma só janela: solte até três capturas de tela, escolha o quadro 16:9, e ele emoldura cada uma no dispositivo real (ou em uma moldura Clay), organiza todas em linha e permite copiar a imagem com ⌘ C e colar no post, ou exportar com ⌘ E. Para outras plataformas, veja tamanhos de imagem para compartilhar capturas de tela de apps e carrosséis no Instagram. Baixe o FeatureFrame na Mac App Store.

Mais guias