A resposta curta
Um print cru tem bordas duras, nenhum respiro e muitas vezes se mistura com a página onde é postado. Equipes de produto e designers resolvem isso com o mesmo pequeno conjunto de ajustes: espaço em volta da imagem, um fundo que separa o print do feed, cantos arredondados que lembram as janelas dos aplicativos atuais e uma sombra que descola o print do fundo.
Cole o seu print na ferramenta abaixo com Ctrl+V, escolha um dos fundos prontos e você já tem uma imagem pronta para usar. As seções abaixo explicam como escolher cada ajuste para o resultado parecer pensado, e não enfeitado.
Experimente aqui: Editor de print com fundo e moldura
Abrir a página completa da ferramentaComece com uma boa captura
Nenhuma moldura ou degradê salva um print que mostra coisa demais. Antes de editar, decida o que a pessoa deve ver e capture só isso.
Alguns hábitos deixam as capturas mais limpas. Feche abas e notificações que não têm a ver, esconda a barra de favoritos e nomes pessoais, e dê zoom na página para o texto ficar grande o bastante para ler no celular. Se o print tem endereços de e-mail, dados de clientes ou tokens, desfoque antes; um post em rede social é público e é copiado.
- Capture uma área, não a tela inteira: Windows + Shift + S no Windows e Command + Control + Shift + 4 no Mac copiam uma área selecionada para a área de transferência.
- Use uma conta de demonstração limpa para não aparecer nenhum nome ou número real.
- Aumente o zoom do navegador para 110 a 125 por cento antes de capturar interfaces pequenas.
- Corte bem rente ao conteúdo; a margem é adicionada depois.
Escolhendo o fundo
O fundo tem uma só função: separar o print do feed sem roubar a atenção. Degradês suaves de duas cores funcionam bem porque são calmos, mas claramente não são brancos. Um print claro fica melhor em um degradê claro ou pastel; um print em modo escuro se destaca em um fundo cinza ardósia profundo.
As cores da marca são uma boa escolha para uma conta de empresa, desde que não sejam mais saturadas que o conteúdo. Se a imagem vai para um slide ou uma página da web com fundo próprio, escolha Transparente e salve em PNG. O controle de direção gira o degradê, o que ajuda quando um canto do print está carregado e você quer a cor mais clara atrás dele.
Margem, cantos e sombra
Esses três ajustes decidem se o resultado parece caprichado ou exagerado. Na ferramenta eles são medidos em relação ao tamanho do print, então os mesmos valores ficam iguais em um recorte pequeno e em uma captura de tela inteira.
| Ajuste | Bom ponto de partida | Em excesso parece |
|---|---|---|
| Margem | 6 a 10 por cento | Um print minúsculo boiando na cor |
| Cantos | 10 a 16 | Uma pílula que corta o conteúdo |
| Sombra | 30 a 50 | Uma mancha escura embaixo da janela |
Molduras de janela e de navegador
Uma moldura mostra para a pessoa o que ela está vendo. A moldura macOS adiciona uma barra de título com os três botões coloridos da janela; combina com aplicativos de desktop, editores de código e qualquer coisa mostrada como janela. A moldura Navegador adiciona uma barra de endereço e combina com sites e aplicativos web.
Digite na moldura o endereço que você quer mostrar, por exemplo o seu domínio público no lugar de um endereço de teste localhost, ou deixe em branco. Use a moldura escura em prints no modo escuro para a barra não brilhar acima do conteúdo. Se o print já mostra a própria janela, escolha Nenhuma para não ficar uma janela dentro de outra.
Tamanhos para X, LinkedIn e Instagram
Cada plataforma corta as imagens de um jeito no feed. Exportar no formato certo mantém o print centralizado e sem corte. As plataformas mudam o layout de tempos em tempos, então teste com um post quando for importante.
| Onde | Tamanho na ferramenta | Pixels em 1x |
|---|---|---|
| Post no X | Post do X | 1600 x 900 |
| Post no LinkedIn | Post do LinkedIn | 1200 x 627 |
| Feed do Instagram | Retrato 4:5 ou Quadrado 1:1 | Depende do print |
| Slides e vídeo | 16:9 | Depende do print |
| Documentos, posts de blog, arquivos README | Automático | Print mais a margem |
Tipo de arquivo e resolução
PNG é o padrão certo para prints: textos e linhas finas ficam nítidos e a transparência é aceita. JPG gera arquivos menores e serve bem quando a plataforma limita o tamanho do envio; com fundo degradê a diferença quase não aparece.
Escolha 2x quando a imagem for vista em celulares e notebooks de alta resolução, ou quando você for reduzir depois. Ele dobra a largura e a altura. Os resultados ficam limitados a 8000 pixels no lado maior, mais do que qualquer rede social exibe. Copiar imagem coloca um PNG na área de transferência, para você colar direto em um post ou em uma conversa.