🖼️ Captura a Imagen

Paso 1: Subir tu Captura

Haz clic en el área de carga o arrastra y suelta un archivo de imagen. Los formatos admitidos incluyen JPG, PNG y WebP. La captura se carga al instante y aparece en el lienzo de vista previa. Tu imagen permanece en tu dispositivo — nada se sube a ningún servidor.

Paso 2: Elegir Estilo de Marco

Selecciona entre cuatro estilos de marco para presentar tu 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

Paso 3: Personalizar la Apariencia

Ajusta cada detalle de tu captura enmarcada:

• 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%)

Paso 4: Descargar

Cuando estés satisfecho con el resultado, elige tu formato de salida (PNG, JPG o WebP) y haz clic en "Descargar". El archivo se guarda inmediatamente en tu dispositivo. Sin marcas de agua, sin pérdida de calidad.

Mejores 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

Consejos Profesionales

• 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