Generador de mockups de capturas de pantalla

Pon cualquier captura de pantalla en un marco de navegador o en una ventana de macOS, sobre los mismos fondos que la app Snapix, y expórtala al tamaño exacto de cada plataforma.

Cómo poner una captura de pantalla en un marco de navegador

Tres pasos, y todo ocurre en tu navegador.

Añade una captura

Suéltala en el recuadro de arriba, pulsa ⌘V para pegarla o haz clic para buscarla. Se enmarca en cuanto la añades. Toca el recuadro de arriba y elige una captura de tus fotos. Se enmarca al instante.

Dale estilo al mockup

Elige un marco de navegador o de ventana de Mac, escribe tu propio título o URL, y después elige un degradado, una imagen o un color y ajusta el margen, la sombra y las esquinas.

Copia o descarga

Copia el mockup terminado en el portapapeles o descárgalo, ya con el tamaño justo para LinkedIn, X, Instagram o la vista previa de tus enlaces.

Marcos

Marco de navegador, ventana de Mac o sin marco

Un marco le dice a la gente qué está viendo antes de que lea una sola palabra: una web en funcionamiento, una app de Mac o simplemente una imagen limpia. Los tres se dibujan como trazados vectoriales, así que se ven nítidos a cualquier tamaño de exportación.

Marco de navegadorPara webs y apps web: una ventana limpia al estilo de Safari, con una barra de direcciones en la que puedes escribir cualquier URL.
Ventana de MacPara apps nativas de Mac: los tres botones de colores y un título de ventana editable, con tema claro u oscuro a juego con tu captura.
Sin marcoSolo el fondo, el margen, la sombra y las esquinas redondeadas: ideal para capturas de teléfono y capturas de Mac que ya tienen sus propias esquinas.

La misma captura presentada de tres maneras: en un marco de navegador al estilo de Safari con la dirección editable, en una ventana de macOS con sus botones de colores y un título, y como captura sin marco con las esquinas redondeadas, cada una sobre su propio fondo degradado

Hazlo tuyo

Añade un fondo y un texto

El fondo es lo que más ayuda a que una captura parezca acabada, y una publicación en redes suele necesitar además una línea de texto. Haz las dos cosas aquí y descarga una sola imagen, sin pasar por otra herramienta.

22 degradados de la app Snapix, o uno creado a partir de los colores de tu propia captura
Imágenes con desenfoque ajustable, 17 colores o un fondo transparente
Guarda un estilo como preajuste y reutilízalo en la siguiente captura
Añade texto con seis estilos predefinidos y 36 tipos de letra, dibujados como vectores nítidos
Arrastra cada elemento a su sitio: se ajusta a las guías y ⌘Z deshace cualquier paso

Difumina correos y nombres antes de enmarcar nada: nuestra herramienta para anotar capturas de pantalla los oculta directamente en el navegador.

Una captura con marco de navegador centrada en un lienzo con degradado añil, con un texto en negrita encima seleccionado para editarlo, tiradores en las esquinas de ambos y una guía discontinua que marca el centro

Tamaños de exportación

El tamaño justo para cada plataforma

“Auto” ajusta el lienzo al mockup, que es lo que necesitan la documentación y las notas de versión. Si en su lugar eliges una proporción como 16:9, 1:1 o 9:16, el lienzo crece alrededor de tu captura (nunca se recorta ni se estira) y luego puedes arrastrarla adonde quieras dentro del lienzo.

El menú “Tamaño” tiene un preajuste para cada sitio donde acaba la captura de un producto: publicaciones de LinkedIn, X, Reddit e Instagram, galerías de Product Hunt, miniaturas de YouTube y vistas previas sociales de GitHub. Cada uno exporta con los píxeles exactos de esa plataforma, así que el archivo que descargas es justo el que subes.

También sirve como generador de imágenes Open Graph: el preajuste “Vista previa de enlace” exporta la tarjeta de 1200 × 630 que Facebook, LinkedIn, Slack y Discord crean a partir de la etiqueta og:image de tu página.

JPG ligeros, o PNG cuando el fondo es transparente
Tamaños personalizados de 100 a 8000 px
PNG transparentes que se colocan directamente en diapositivas y presentaciones

Preajustes de exportación dibujados con su forma real: un tamaño de publicación 16:9 que comparten LinkedIn, X y Reddit con un mockup enmarcado, los formatos cuadrado y vertical de Instagram, tarjetas de GitHub y Product Hunt, y una vista previa de enlace de 1200 por 630

Preguntas frecuentes

¿Este generador de mockups es gratis? ¿Añade marca de agua?

Es totalmente gratis: sin marca de agua, sin registro y sin límite de exportaciones. Todo se dibuja en un elemento canvas dentro de la propia página, así que no hay que subir nada ni esperar a ningún servidor. Con estas herramientas web damos a conocer Snapix, nuestra app de capturas de pantalla para macOS.

¿Puedo cambiar la URL y el título de la ventana?

Sí. El marco de navegador al estilo de Safari tiene una barra de direcciones editable, y la ventana de Mac, un título editable. El texto se vuelve a dibujar en el lienzo mientras escribes, así que lo que pongas se exporta como parte de la imagen.

¿Qué fondos puedo usar?

La misma colección que el editor de Snapix: 22 degradados, desde transiciones sencillas de dos tonos hasta suaves degradados de malla; 17 colores; un degradado creado a partir de tu propia captura; una copia desenfocada de la propia captura, o una imagen tuya con desenfoque ajustable. Si eliges “Sin fondo”, exportas un PNG transparente.

¿Puedo añadir texto o un titular al mockup?

Sí. Arrastra al lienzo uno de los seis estilos de la pestaña “Texto” (o pulsa T) y escribe directamente sobre la previsualización. Hay 36 tipos de letra para elegir, los textos se exportan como vectores nítidos a cualquier tamaño y ⌘Z deshace cualquier paso.

¿Qué tamaños para redes sociales puedo exportar?

El menú “Tamaño” tiene nueve proporciones y nueve tamaños de plataforma: publicaciones de LinkedIn, X y Reddit a 1920 × 1080, Instagram cuadrado y vertical, galería de Product Hunt, miniatura de YouTube, vista previa social de GitHub y la vista previa de enlace de 1200 × 630. Cada tamaño de plataforma se exporta con sus píxeles exactos, y con “Tamaño personalizado…” puedes elegir cualquier tamaño de 100 a 8000 px.

¿Qué tamaño debe tener una imagen Open Graph?

1200 × 630 píxeles, que aquí es el tamaño “Vista previa de enlace”. Es el tamaño que pide la documentación de Facebook para compartir contenido, y Slack, Discord, Bluesky, LinkedIn y Reddit leen la misma etiqueta og:image, así que una sola exportación te sirve para todos.

¿Exporta en JPG o en PNG?

Lo decide por ti. Un mockup con fondo se descarga como JPG con un 92 % de calidad: a simple vista es muy difícil distinguirlo de un PNG y ocupa una fracción de su tamaño. Sin fondo se descarga como PNG, porque solo el PNG conserva la transparencia. “Copiar” siempre pone un PNG en tu portapapeles.

Capturas de ventana limpias con un solo atajo

Con la captura de ventana de Snapix (⌘⇧5) consigues una imagen limpia de cualquier ventana de tu Mac, con un resaltado en directo de exactamente lo que vas a capturar. Y el editor la pone sobre estos mismos fondos, con preajustes que puedes aplicar a cada captura.

Descargar para Mac

Generador de mockups de capturas de pantalla