Convierte una página web en una imagen con ScreenGrab

0
7614

Capturas de pantalla con ScreenGrab

 

En este pequeño tutorial vamos a ver una nueva
funcionalidad que nos ofrece uno de los múltiples plugins de
FireFox que nos hace la vida más fácil a la hora
de hacer capturas de pantalla.

Cuando tenemos que hacer documentación (que debería
ser siempre porque LA DOCUMENTACION ES UNA PARTE MUY
IMPORTANTE DEL SOFTWARE
) muchas veces hemos tenido que incluir en
ella capturas de pantalla. Pero ¿Qué pasa si lo que
queremos capturar ocupa más de una pantalla? Aparece el temido
scroll. Hay soluciones que nos solucionan este problema, como
hacer un poco de bricolaje (copiar y pegar pantallazos para conformar
la imagen final a base de trozos) o aumentar la resolución de
la pantalla para así poder ver más parte de la
pantalla.

La solución más rápida, elegante y
profesional es utilizar un plugin para Firefox llamado ScreenGrab
(http://www.screengrab.org
). ScreenGrab guarda una página entera como una imagen, además
permite guardar la ventana, un área determinada o un frame.

 

Instalación por pasos

Lo primero de todo es arrancar nuestro navegador FireFox y nos
vamos a examinar las extensiones disponibles pulsando este enlace
https://addons.mozilla.org/es-ES/firefox/browse.

 

Ahora nos vamos a la sección de Extensiones pulsando
sobre el botón correspondiente del menú de la
izquierda.

 

 

 

Aquí tenemos todas las extensiones disponibles para nuestro
FireFox, pero como hay muchas mejor vamos a buscar por su nombre.

 

 

 

Una vez encontrada nuestra extensión vamos a proceder a
instalarla en nuestro navegador, para ello sólo tenemos que
pulsar en el botón de «Instalar Ahora» y se
instalará automáticamente.

 

 

 

Le decimos que «Instalar ahora»

 

Tendremos que reinicializar el Firefox para que los cambios sean
visibles.

 

Formas de uso

 

Vamos a ver varios ejemplos para ver las posibilidades que nos
ofrece ScreenGrab.

Abrimos con nuestro Firefox una página con scroll, como por
ejemplo http://www.AdictosAlTrabajo.com.
Vemos que nos aparece un icono en la parte inferior derecha de la
pantalla.

 

Ahora hacemos clic en ese icono y nos aparecerá un menú
flotante donde podremos Guardar o Copiar:

  1. La acción de guardar guarda la página, sección,
    etc. en una imagen PNG o JPEG. Esta acción sólo
    está disponible con versiones de Firefox superior a la 1.5.

  2. Cuando copiamos lo hacemos en el Portapapeles, por lo
    que podremos luego pegarla en la aplicación que deseemos.

 

Si le damos a «Guardar -> Página/ Marco completo»
vemos que nos aparece directamente una ventana para guardar la imagen
creada en nuestra máquina. En el ejemplo de
www.AdictosAlTrabajo.com
el resultado sería este:

 

Otra opción es poder guardar solamente la zona visible de
la página en el navegador.

Para ello sólo tenemos que hacer clic en «Guardar >
Porción visible» y nos aparecerá otra vez la
ventana de guardar como

 

 

 

Por último vamos a ver como poder guardar sólo una
parte específica de la pantalla.

Hacemos clic en «Guardar-> Selección» y nos
aparecerá la pantalla en un color rosita, a continuación
tenemos que seleccionar con el ratón la porción de
pantalla que queremos guardar, una vez seleccionada automáticamente
nos saldrá la ventana para guardar la imagen generada.

 

El resultado sería el siguiente

 

 

Como veis, en todas las capturas de pantalla NO aparece ningún
elemento del navegador (barra de herramientas, barra de direcciones,
etc.) con lo que la imagen creada estará lista para utilizar.

 

Dejar respuesta

Please enter your comment!
Please enter your name here