⬆
Suelta una captura o haz clic para subirlaPNG, JPG, WebP · pega con Ctrl+V · no se sube nadaSuelta una captura y obtén un mockup pulido con fondo degradado, sombra suave, esquinas redondeadas y marco de navegador o dispositivo. Exporta PNG en segundos.
12 presets gratis de degradado, malla, color sólido y transparente, o elige dos colores y un ángulo para crear tu propio degradado. Grano de película opcional.
Ventanas de Mac y Windows, un navegador con URL editable o un marco de teléfono. El color del marco se adapta automáticamente a tu captura.
Relleno, radio de esquinas, sombra, inclinación, borde interior, escala de imagen y proporciones para redes: 16:9, 4:3, 1:1, 4:5 y 9:16.
El renderizado ocurre en un canvas dentro de tu navegador. Las capturas nunca se suben y la herramienta funciona sin conexión.
Una captura sin editar está recortada al ras, tiene bordes duros y suele quedar sobre el color que tenga tu app. Eso se ve "sin terminar" en un tuit, una landing page o una galería de Product Hunt. Un buen mockup corrige cuatro cosas, y Screenshot Studio ofrece cada una como un control deslizante o una opción.
Termina con un texto si la imagen debe entenderse por sí sola: un título corto ("Presentamos Inbox Zero") y un subtítulo de una línea. Mantén la inclinación por debajo de 6° salvo que busques un banner principal; se ve espectacular, pero el texto de la captura se vuelve más difícil de leer.
Usa los botones de relación de aspecto para ajustar tu mockup a la forma correcta. El canvas mantiene tu captura en resolución completa y solo amplía el fondo, así que nada se reduce ni se ve borroso. Exporta en 1x para la web y en 2x para todo lo que se vaya a ver en una pantalla retina o con zoom.
| Plataforma | Proporción | Píxeles recomendados | Consejo |
|---|---|---|---|
| Post de Twitter / X | 16:9 | 1600 × 900 (hasta 4096 de ancho) | Los degradados oscuros resisten mejor la compresión del feed. |
| Post de LinkedIn | 4:5 o 1:1 | 1080 × 1350 / 1080 × 1080 | Las imágenes verticales ocupan más espacio en el feed; usa poco relleno. |
| Galería de Product Hunt | 16:10 | 1270 × 760 | Usa el marco de navegador con tu dominio real en el campo de URL. |
| App Store / Play Store | 9:16 | 1290 × 2796 (6.7") | Marco de teléfono, texto arriba y exportación 2x (Pro) para un texto nítido. |
| Shot de Dribbble | 4:3 | 1600 × 1200 o 2800 × 2100 | Un fondo de malla y una ligera inclinación encajan con la estética de Dribbble. |
| Open Graph / portada de blog | 1.91:1 (usa 16:9) | 1200 × 630 | Texto activado, fuente grande y fondo Mono o Pizarra para que se lea bien. |
Los creadores independientes y startups la usan para tuits de lanzamiento, publicaciones de novedades y la sección "Novedades" de una landing page. Los diseñadores enmarcan exploraciones de interfaz antes de publicarlas en Dribbble o compartirlas con un cliente. Los redactores técnicos y equipos de soporte agregan relleno y un borde sutil para que las capturas en la documentación no se mezclen con el fondo de la página. Los especialistas en marketing dan estilo por lotes a todo un conjunto de funciones con un preset para que todas las imágenes de una campaña se vean coherentes.
Screenshot Studio es una página estática. Cuando sueltas una imagen, se decodifica en memoria, se dibuja en un canvas junto con el fondo, la sombra y el marco, y tu navegador la vuelve a codificar a PNG o JPG. No hay ningún endpoint de subida ni renderizado en el servidor, así que los paneles confidenciales, las funciones no lanzadas y los datos de clientes nunca salen de tu computadora. Tu configuración de estilo se guarda en localStorage para que la herramienta se abra exactamente como la dejaste.
Sí. Todos los fondos, marcos, controles de diseño, textos y la exportación PNG/JPG 1x son gratis y sin registro. Las exportaciones gratis llevan una pequeña insignia "Screenshot Studio · gratis" en la esquina. La mejora opcional Pro, de pago único, la quita y agrega exportaciones 2x/4x, fondos premium, exportación por lotes a ZIP y presets de estilo guardados ilimitados.
No. El mockup se genera con la API Canvas de HTML5 dentro de tu navegador. Tu captura nunca sale de tu dispositivo, no se guarda nada en un servidor y la herramienta sigue funcionando sin conexión una vez cargada la página.
Puedes soltar, elegir o pegar imágenes PNG, JPG/JPEG, WebP, GIF (primer fotograma) y BMP. La salida es PNG (con soporte de transparencia) o JPG con calidad 92. Los navegadores no decodifican las fotos HEIC de iPhone, así que primero expórtalas como JPEG.
Sí. La versión gratis agrega una pequeña insignia "Screenshot Studio · gratis" en la esquina inferior derecha de las exportaciones. Screenshot Studio Pro, de pago único, quita la insignia de todas las exportaciones, incluidas las 2x, 4x y las descargas ZIP por lotes.
Con Pro puedes soltar varias capturas al mismo tiempo; la configuración actual de fondo, marco, diseño y texto se aplica a cada imagen y todos los resultados se descargan en un solo archivo ZIP. La versión gratis da estilo a una captura a la vez.
Sí. Elige la opción de fondo "Transparente" y descarga en PNG. La sombra, el marco y las esquinas redondeadas se conservan sobre un canvas transparente para que puedas colocar el mockup en cualquier diapositiva, sitio web o diseño. JPG no admite transparencia, por lo que las exportaciones JPG usan un fondo blanco.
¿Ya compraste? Ingresa la clave de licencia