Deixe seus prints bonitos

Duas formas de trazer a imagem

Capturar a tela aqui mesmo. O botão de captura pede ao seu navegador um frame de qualquer tela, janela ou aba que você escolher no diálogo nativo dele. Nada é instalado e o frame é capturado localmente — o navegador não envia para lugar nenhum, e a permissão termina no instante em que a captura acaba. Isso é só desktop; navegador de celular não expõe a API de captura de tela, então no telefone esse botão é substituído pela câmera e pelo seletor de fotos.

Trazer uma imagem que você já tem. Cole da área de transferência com Cmd/Ctrl+V, arraste um arquivo sobre a área ou escolha um do dispositivo. Se você já fez o print com o atalho do sistema, colar é o caminho mais rápido — nenhum arquivo chega a ser gravado em disco.

Texto sobreposto

Adicione uma legenda e arraste para qualquer ponto da imagem. A camada de texto é DOM de verdade enquanto você edita, e é por isso que arrastar fica suave e se comporta igual com mouse e com o dedo; ela só é rasterizada no canvas na exportação, em resolução cheia, então sai nítida.

O fundo atrás do texto tem três modos. Nenhum para texto sobre uma área vazia da moldura. Sólido para um rótulo duro — a escolha confiável sobre um print carregado. Translúcido para o efeito de vidro, que mantém a imagem legível por baixo e ainda assim destaca o texto; o controle de opacidade é o que faz isso funcionar tanto sobre print claro quanto escuro.

Por que um print cru fica ruim

Um print é um retângulo de bordas duras que cai sobre qualquer fundo que o aplicativo de quem lê fornecer. Num slide branco ele se dissolve na página; numa timeline escura vira um bloco ofuscante. Não há nada separando o conteúdo do entorno, então o olho não recebe nenhuma pista de onde a interface termina.

Três coisas resolvem isso, e é só o que esta ferramenta faz. A margem cria uma moldura, e a imagem passa a ser um objeto deliberado em vez de um recorte. Os cantos arredondados são lidos como cartão, o que combina com a aparência de qualquer interface moderna. A sombra suave levanta a imagem do fundo, dando a pista de profundidade que diz ao olho qual camada ler primeiro. O degradê é a parte decorativa; a profundidade é o que de fato torna a imagem legível.

Como a renderização funciona

Tudo é desenhado num canvas HTML. O degradê de fundo é calculado no ângulo escolhido e projetado ao longo da diagonal inteira, para que a transição cubra a moldura em qualquer inclinação em vez de formar faixa num canto. A imagem é recortada num retângulo arredondado, e a sombra é projetada pintando antes uma forma opaca por baixo — desenhar a sombra a partir da própria imagem faria ela vazar por cima da arte.

A exportação acontece na escala escolhida, então o canvas é renderizado a 2× ou 3× do tamanho lógico. É essa a diferença entre um print que fica nítido quando alguém abre em tamanho real e um que fica borrado.

Escolhendo o fundo

Os presets são pares de matizes vizinhos ou suavemente complementares em luminosidade média. Isso é proposital: um fundo escuro demais engole um print em modo escuro, e um saturado demais compete com as cores da interface dentro da imagem. Se o seu print é predominantemente claro, um degradê mais profundo dá mais separação; se é um painel escuro, um dos presets claros ou neutros mantém o conteúdo legível.

Os seletores personalizados permitem casar exatamente com uma paleta de marca, e o controle de ângulo importa mais do que parece — um degradê diagonal é lido como mais dinâmico que um vertical, e o vertical é mais calmo para documentação.

Configurações práticas

Privacidade

A imagem nunca sai do seu computador. Não há upload, cadastro, marca d'água nem limite de quantas imagens você processa.