🖼️ Captura para Imagem

Envolva capturas de tela em molduras elegantes.

✨ Veja o que esta ferramenta faz
Antes
Antes
📱
After — processed

Como Usar

1

Enviar Captura

Clique na área de upload ou arraste e solte seu arquivo de captura.

2

Escolher Estilo Moldura

Selecione um gradiente de fundo, moldura de navegador ou estilo de mockup.

3

Personalizar Aparência

Ajuste o preenchimento, raio do canto, sombra, escala e outras opções visuais.

4

Baixar

Clique em Baixar para salvar sua captura lindamente emoldurada.

Guia Detalhada

Passo 1: Enviar sua Captura

Clique na área de upload ou arraste e solte um arquivo de imagem. Os formatos suportados incluem JPG, PNG e WebP. A captura carrega instantaneamente e aparece no canvas de pré-visualização. Sua imagem permanece no seu dispositivo — nada é enviado para nenhum servidor.

Passo 2: Escolher Estilo de Moldura

Selecione entre quatro estilos de moldura para apresentar sua captura:

  • None: Just the gradient background with rounded corners and shadow — clean and minimal
  • Browser: A macOS-style browser window with a title bar, traffic light buttons, and an address bar
  • Laptop: Your screenshot displayed on a laptop mockup with a realistic screen, keyboard, and trackpad
  • Phone: Your screenshot displayed on a smartphone mockup with a bezel, notch, and home indicator

Passo 3: Personalizar a Aparência

Ajuste cada detalhe da sua captura emoldurada:

  • Background Gradient: Choose from 10 curated gradient presets — from cool blues to warm sunsets
  • Custom Background: Use the color picker for a solid background color
  • Padding: Control the space between the frame and the edge of the canvas (0-200px)
  • Corner Radius: Round the corners of the screenshot (0-60px)
  • Shadow: Add a soft drop shadow behind the frame with adjustable blur and opacity
  • Image Scale: Control how large the screenshot appears within the canvas (30-100%)

Passo 4: Baixar

Quando estiver satisfeito com o resultado, escolha seu formato de saída (PNG, JPG ou WebP) e clique em "Baixar". O arquivo é salvo imediatamente no seu dispositivo. Sem marcas d'água, sem perda de qualidade.

Melhores Casos de Uso

  • Social media posts — Make your screenshots stand out on Twitter, LinkedIn, and Instagram with beautiful gradient backgrounds
  • Blog posts & tutorials — Present UI screenshots in browser frames for professional-looking documentation
  • Presentations — Frame app screenshots in device mockups for pitch decks and slide decks
  • Product pages — Showcase your app or website in laptop and phone mockups for marketing materials
  • GitHub READMEs — Add polished screenshots to your project documentation
  • Newsletter headers — Create eye-catching visuals for email campaigns

Dicas Profissionais

  • For Twitter/X, use a 16:9 aspect ratio screenshot with generous padding and a vibrant gradient background
  • The Browser frame style is perfect for web app screenshots — it immediately communicates "this is a website"
  • For mobile app screenshots, use the Phone frame to give viewers context about the screen size
  • A shadow blur of 30-50px with 20-30% opacity creates a natural, professional-looking depth effect
  • Match your gradient background to your brand colors for consistent visual identity
  • Use PNG format for screenshots with transparency or text — it preserves sharp edges

Perguntas Frequentes

Não. Todo o processamento acontece inteiramente no seu navegador usando a API Canvas. Suas capturas nunca saem do seu dispositivo.
A resolução de saída depende da sua captura e das configurações de preenchimento. A ferramenta gera uma imagem de alta resolução em 1x de densidade de pixels.
Sim! Oferecemos 10 predefinições de gradiente, e você também pode usar o seletor de cor para definir qualquer cor sólida.