Generador de Mockups de Navegador
Envuelve una captura de web en una ventana de navegador limpia — barra de título, barra de direcciones y todo — y descárgala, gratis y directamente en tu navegador.
Suelta una captura para enmarcarla
Arrastra y suelta, pega o elige un archivo
PNG · JPG · WebP — compuesto en tu dispositivo
Enmarca una web en una ventana de navegador
Una captura de sitio web resulta mucho más convincente dentro de una ventana de navegador. La barra de título con sus botones de semáforo y la barra de direcciones indican «este es un sitio real» de un vistazo — perfecto para portfolios, estudios de caso, páginas de aterrizaje y documentación.
Este generador dibuja un chrome de navegador limpio alrededor de tu captura y la coloca sobre un fondo con relleno y sombra suave. Es todo vectorial, por lo que la ventana permanece nítida y tu captura conserva su resolución completa dentro del área de contenido.
Cómo crear un mockup de navegador
- Abre tu captura de web. Una captura horizontal de una página encaja mejor en el marco del navegador.
- Selecciona el marco Navegador. Aparecerán una barra de título, semáforos y una barra de direcciones alrededor de tu captura.
- Personalízalo. Añade un degradado o color de fondo y ajusta el relleno, sombra e inclinación.
- Descarga. Guarda un PNG, JPG o WebP de alta resolución.
Captura el ancho completo de la página
Toma la captura a un ancho de escritorio típico (alrededor de 1280–1440px) para que las proporciones coincidan con un navegador real. Si tu captura ya incluye chrome de navegador, recórtala solo al contenido de la página primero para no duplicarlo.
More mockup & screenshot tools
Preguntas frecuentes
¿El marco del navegador incluye barra de direcciones?
Sí — el marco tiene una barra de título con botones de semáforo y una barra de direcciones, dibujados como chrome vectorial limpio.
¿Puedo cambiar el texto de la barra de direcciones?
La barra de direcciones es una pastilla neutra sin texto editable en esta versión. Puedes añadir una anotación de texto encima si necesitas una etiqueta.
¿Qué orientación de captura es mejor?
Una captura horizontal (ancha) de una página web encaja más naturalmente en el marco del navegador.
¿Dónde se procesa mi imagen?
El mockup se compone en tu navegador, por lo que la nueva imagen se crea en tu propio dispositivo. En nuestra política de privacidad describimos cómo se tratan los datos asociados a la herramienta.
Más herramientas de imagen
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.