Imagens para as redes sociais no lançamento do seu app: um checklist
Atualizado em 30 de outubro de 2026
Para um lançamento, crie uma imagem principal e três ou quatro imagens de recursos com um único estilo visual, depois exporte cada uma nos formatos que as plataformas pedem: 16:9 para o X, 4:5 para Instagram, LinkedIn, Threads e Bluesky, 9:16 para Stories, 1270 × 760 para a galeria do Product Hunt e 1200 × 630 para a prévia do seu link. Adicione um clipe curto de demonstração se tiver um, escreva o texto alternativo de cada imagem e deixe tudo pronto na véspera.
O dia do lançamento é corrido. Você está respondendo comentários, corrigindo o bug que alguém achou na primeira hora e publicando em cinco lugares. As imagens são a parte que dá para terminar antes, então termine antes.
Comece com um único conjunto de imagens
Não crie do zero para cada plataforma. Defina primeiro um pequeno conjunto e depois redimensione.
- Uma imagem principal. A tela mais reconhecível do seu app, emoldurada, com um título de uma linha que diz o que o app faz. É a imagem que a maioria das pessoas vai ver, e a que aparece nas prévias de link.
- Três ou quatro imagens de recursos. Um recurso em cada: uma tela, um título curto, nada mais. Elas vão em threads, carrosséis e na galeria do Product Hunt.
- Uma demonstração curta. Uma gravação de tela de 10 a 30 segundos do fluxo principal, se você tiver. Vídeo chama atenção na maioria dos feeds, mas mantenha as imagens também: elas aparecem onde o vídeo não aparece, como prévias de link e miniaturas de galeria.
Cinco imagens e um clipe cobrem todas as plataformas abaixo.
Mantenha um único estilo visual
As pessoas vão ver seu lançamento em vários lugares no mesmo dia. Se todas as imagens parecerem da mesma família, a segunda e a terceira vez que alguém as vê registram como o mesmo produto, e é isso que faz um lançamento parecer maior do que é.
- Use a mesma cor ou o mesmo gradiente de fundo em todas as imagens.
- Use o mesmo dispositivo, a mesma cor de moldura e o mesmo ângulo em todas.
- Coloque os títulos na mesma posição e com o mesmo estilo de letra.
- Use as cores do seu próprio app. Se a cor de destaque for laranja, um fundo ou detalhe laranja liga a imagem ao app.
Nosso guia sobre como deixar capturas de tela bonitas fala de fundos, margens e sombras em mais detalhes.
O que cada plataforma precisa
A lista completa de tamanhos, com fontes, está em tamanhos de imagem para compartilhar capturas de tela de apps. Aqui está o que preparar para o lançamento.
| Onde | Formato | O que publicar |
|---|---|---|
| X | 16:9, 1600 × 900 | Imagem principal com o post de lançamento; imagens de recursos nas respostas |
| 4:5, 1080 × 1350 | Imagem principal com uma história curta de por que você criou o app | |
| Threads | 4:5, 1080 × 1350 | As mesmas imagens do Instagram |
| Bluesky | 4:5 ou 1:1 | Imagem principal e até três imagens de recursos em um post |
| Feed do Instagram | 4:5, 1080 × 1350 | Um carrossel: a principal primeiro, depois os recursos |
| Stories do Instagram | 9:16, 1080 × 1920 | A principal, com um sticker de link para o seu site |
| Galeria do Product Hunt | 1270 × 760 | A principal primeiro, depois os recursos; uma miniatura quadrada de 240 × 240 |
| Prévia de link (Open Graph) | 1,91:1, 1200 × 630 | A principal, definida como o og:image do seu site |
X
Uma imagem 16:9 aparece sem cortes na timeline. Um único celular no meio de um quadro 16:9 deixa muito espaço vazio, então coloque um título ao lado ou mostre duas ou três telas lado a lado. Publique a imagem principal com o anúncio e as imagens de recursos como respostas em uma thread. Veja como compartilhar capturas de tela de apps no X.
LinkedIn, Threads e Bluesky
Uma imagem vertical 4:5 ocupa mais espaço nesses feeds e combina com uma captura de celular. Uma única exportação em 1080 × 1350 serve para os três. O Bluesky limita cada imagem a cerca de 2 MB, então exporte em JPEG em vez de PNG.
Use um carrossel no feed: a principal primeiro, depois um recurso por slide, tudo em 4:5. Nosso guia de carrossel no Instagram mostra como ordenar os slides. Nos Stories, use 9:16 e deixe livres a parte de cima e a de baixo, onde o Instagram desenha os próprios controles.
Product Hunt
O guia de publicação do Product Hunt recomenda 1270 × 760 para as imagens da galeria e uma miniatura de 240 × 240; uma miniatura em GIF é permitida se tiver menos de 3 MB. A galeria precisa de pelo menos duas imagens para aparecer. Faça da primeira a sua imagem principal: é o que as pessoas veem antes de clicar.
A prévia do seu link
Todo post com link para o seu site mostra a imagem Open Graph dele. Use a principal em 1200 × 630 e confira antes do dia do lançamento. Nosso guia sobre imagens Open Graph para o site do seu app lista as tags e como testá-las.
Escreva o texto alternativo agora
O texto alternativo descreve uma imagem para quem usa leitor de tela, e é fácil pular quando você está publicando com pressa. Escreva na véspera, no mesmo documento do texto dos posts.
- Diga o que a tela mostra e por que importa: “O arquivo Earnings Call em transcrição, em 28%, faltando 7 minutos” diz mais do que “Captura de tela do app”.
- Inclua o texto do título, se a imagem tiver um.
- Seja breve. O guia de texto alternativo da Buffer cita um limite de 300 caracteres no LinkedIn e recomenda ficar abaixo de 200 caracteres em todo lugar.
Criando as imagens no FeatureFrame
O FeatureFrame é um app para Mac feito para isso. Solte uma captura de tela de iPhone ou iPad e ele detecta o dispositivo pelo tamanho em pixels e o coloca em uma moldura 3D daquele modelo. Para montar um conjunto de lançamento:
- Crie a principal: uma captura de tela, com o fundo e o ângulo que você vai usar em tudo, em um quadro 4:5.
- Mude o quadro para 16:9, 9:16 ou 1,91:1 para as outras plataformas. Para o Product Hunt, use Personalizada com 127:76.
- Para o X, adicione até três capturas de tela e use o layout Linha para que fiquem lado a lado.
- Exporte cada uma em 1080p como JPEG (a opção Redes Sociais), ou copie com ⌘C e cole direto no post.
Para um visual consistente, mantenha o mesmo dispositivo e a mesma cor em todas as imagens. A biblioteca de molduras de dispositivos mostra todos os modelos e acabamentos.
O checklist da véspera
- Imagem principal exportada em 16:9, 4:5, 9:16, 1270 × 760 e 1200 × 630.
- Três ou quatro imagens de recursos em 4:5, e em 16:9 se for publicá-las no X.
- Uma miniatura de 240 × 240 para o Product Hunt.
- O clipe de demonstração, dentro do limite de duração de cada plataforma.
- Texto alternativo para cada imagem, junto do texto dos posts.
- O
og:imagedo seu site atualizado e testado. - Nenhum dado privado em nenhuma captura: nomes, e-mails, notificações, dados reais de uma conta de teste.
- Tudo em uma pasta, com nomes por plataforma, para você não ficar procurando arquivos às 9 da manhã.
Depois vá dormir. As imagens estão prontas.
Mais guias
- Como colocar uma captura de tela em uma moldura de iPhone no Mac
- Como compartilhar capturas de tela de apps no X
- Como fazer um carrossel no Instagram com capturas de tela do seu app
- Build in public: como compartilhar capturas de tela do seu progresso
- Como colocar marca d’água nas suas capturas de tela
- Imagens Open Graph para o site do seu app
- Molduras de mockup de iPhone e iPad grátis