Capturar la pantalla del navegador en formato GIF

 

En ocasiones nos gustaría poder capturar nuestra pantalla o parte de nuestro navegador, con movimiento para poder ejemplificar alguna funcionalidad que las palabras o imágenes estáticas no son suficientes.

Por lo que una buena solución es uitlizar la extensión para Chrome llamada Chrome Capture

Una vez que se instala, se agrega en la barra de herramientas, a la derecha de la barra de direcciones.

Damos clic derecho y seleccionamos “Opciones”.

Y seleccionamos que guarde la captura en formato GIF.

Damos clic en “Save” para guardar el cambio.

Ahora procedemos ir a la página donde queremos capturar un GIF.

Damos clic en la herramienta “Chrome capture” y se oscurecerá la pantalla y podremos seleccionar la región de la página que capturaremos.

Después podemos utilizar los atajos de la extensión, los cuales son entre los más importantes:

  • Alt + r: Empieza a grabar.
  • Alt + i: Inicia / detiene la interacción con la página web.

Alt + i, es muy importante, ya que cuando iniciamos la herramienta, no podemos interactuar con la página web, por lo que al utilizar ese atajo, podremos utilizar la página web sin interferir con la grabación.

Grabamos la sección de la página que queramos y presionamos Alt + r de nuevo para terminar de grabar, y esperamos unos segundos a que se genere el archivo GIF.

Cabe mencionar que si la región es grande o grabamos mucho tiempo, se tardará más en generar el GIF y éste será muy pesado. Una vez generado se descargará automáticamente.

Te darás cuenta que unos segundos te generará varios megas, incluso algunas decenas de megas.

Si necesitamos que el tamaño del GIF sea menor, podemos redimencionarlo instalando gifsicle.


sudo apt-get install gifsicle

Uso:

# Reduciendolo al 50%
gifsicle --scale 0.5 -i archivo.gif > archivo-chico.gif

# Redimensionar el ancho
gifsicle --resize-fit-width 300 -i archivo.gif > archivo-chico.gif

# Redimensionar la altura
gifsicle --resize-fit-height 100 -i archivo.gif > archivo-chico.gif

# Tamaño exacto
gifsicle --resize 300x200  -i archivo.gif > archivo-chico.gif

Ejemplo

Author: angelinux

Desarrollador de páginas web desde el año 2000 y con experiencia en programación de sistemas para empresas desde el 2008; cofundador de CONSoluciones; autor del blog de software libre “Angelinux-slack”; docente en maestría en UPAV y fundador de la distribución Linux Falco que está en desarrollo para la Universidad Veracruzana.
Además, ponente, organizador de congreso, laborista social, impartidor de cursos de programación y servidores Linux, webmaster, y ex invitado en programa de televisión.

Deja un comentario