consultoría | diseño | arquitectura de información | usabilidad | ecommerce | programación | hosting
clientes | estudios de caso
abrir ticket de ayuda | foros de discusión
historia | cultura | estándares web | equipo | socios de negocios

  El weblog de una agencia web

Visita la nueva página principal de Ventanazul »

21/9/2006

Como capturar pantallazos de páginas web largas »

Existen muchas razones para obtener un pantallazo de una página web, talvez algunas de las tuyas para incluir en tu portafolio o las de otros cuando estás comentando sobre diseño, usabilidad o escribiendo un libro o tutorial.

Muchos usuarios de Windows están acostumbrados a presionar la tecla print screen (imprimir pantalla) y luego pegar en su aplicación de gráficos favorita. También existen aplicaciones comerciales para realizar esta aparentemente sencilla tarea.

Yo he estado usando KSnapshot en Fedora Linux por años y ha sido más que suficiente.

Pero hay ocasiones en que necesitas capturar una página web completa como imagen, incluyendo las partes que no se ven en tu navegagor, partes que aparecen luego de usar las barras de desplazamiento. ¿Qué hacer en esos casos?

La solución obvia es desplazarse verticalmente, tomar dos o más capturas y luego pegarlas en tu aplicación de gráficos. Pero esto se torna aburrido después de un tiempo, especialmente si tienes muchas capturas por hacer.

Algunas aplicaciones comerciales incluyen esta función, ¡pero vamos!, existen soluciones inteligentes y gratuitas para casi todo.

Estaba pensando en eso cuando encontré a ScreenGrab!, una sencilla y útil extensión de Firefox. ScreenGrab es la solución al problema de capturar páginas web largas y, como todas las extension de Firefox, se instala con un clic y un reinicio del navegador. Luego basta con visitar una página web y hacer clic derecho para capturarla como imagen.

ScreenGrab ofrece tres opciones para capturar páginas web: document, viewport y window.

Escoge document si quieres grabar la página completa, incluyendo las partes no visibles en el navegador. Viewport captura solo la parte visible y window incluye a tu navegador en la imagen. Todas las imágenes son grabadas en formato PNG.

mumobo - music, movies and books

Aquí una captura que hice de la portada de mi sitio de comentarios sobre música, libros y cine. La imagen fue reducida usando el siempre fiel Gimp. ¿Qué te parece?

En: Diseño Web Software | Por: Alexis | @ 10:43 am

5 Comentarios

Publique un comentario »

  1. Hola Alexis, ScreenGrab es una buena extension acabo de probarla y aun sigo sorprendido en repetidas ocasiones tenia que usar la tecla Impr Pant y hay momentos que sueles ser tedioso editar cada grafico y luego pegarlo.

    Gracias por el dato.

    Saludos

    Comentario por: wilssonly — 22/9/2006 @ 8:38 pm

  2. tengo firefox 2.0 no funciona porque la extencion no ha sido actualizada para funcionar en dicha version mas reciente

    Comentario por: oscar — 19/1/2007 @ 2:15 pm

  3. Gran herramienta para FireFox, justo lo ke andaba buskando. Mil gracias!!!

    Comentario por: Manu — 2/6/2007 @ 8:58 am

  4. .. excelentee.. !!

    el unico problema es que al menos a mi no me captura los objetos en flash!

    un saludoo!

    Comentario por: mario solano — 29/12/2007 @ 11:22 pm

  5. Para capturar los objetos en flash, usen Flash Saver. Bajenlo y pruebenlo en Prueba con esto: http://www.downloadatoz.com/flashsaver/download.php

    Saludos.

    Comentario por: nandoz — 15/2/2008 @ 2:59 pm

Publique un comentario

Saltos de párrafo y línea son automáticos, direcciones de email no serán mostradas, HTML permitido: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Nombre (requerido)
Email (requerido)
URL
Escribe el código mostrado en la imagen:
  authimage
Su Comentario