Crea capturas incluyendo la ventana del navegador

Con Browser cover vamos a poder realizar una pequeña tarea que de otra forma seria bastante más complicada, estoy hablando de realizar una captura de pantalla incluyendo el marco completo del navegador, algo que se suele ver bastante en los sitios de aplicaciones web.

Para hacer este trabajo vamos a necesitar subir lo que queremos desplegar dentro del cuadro del navegador, esta imagen puede ser una captura de pantalla de nuestro sitio, o bien de nuestra aplicación web. Podemos subir cualquier imagen en los formatos más utilizados comúnmente. Luego vamos a tener que configurar algunos datos de salida, estos serian:

• Navegador: Chrome, Firefox, Safari. Disponibles tanto en versión Windows como Mac.
• Tamaño de ancho, el alto se ajusta solo.
• Dirección web: La misma aparece en la barra de dirección de la captura completa.
• Título: El que aparece en la parte superior o pestaña del navegador.
• Seleccionar si deseamos que tenga una sombra el navegador o bien una barra da estado.

Una vez que finalizamos la configuración, con hacer click en el único botón disponible vamos a obtener nuestra navegador, por ejemplo este fue el resultado que obtuve:

Aclaración: La imagen del post la convertí a jpg por una cuestión de tamaño, pero el archivo original es un PNG transparente, ideal para que podamos utilizarlo con cualquier diseño.

Web: Browser cover