1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

ScreenGrab!

ScreenGrab! extensión de firefox para guardar páginas web como imágenes

¿Te imaginas tener una imagen de toda una página web?, y cuando digo toda, no me refiero sólo a lo que se ve en la pantalla sino a la página web completa!.

Pues es eso entre otras cosas lo que puedes hacer con la extensión para Firefox ScreenGrab!

ScreenGrab! te permite guardar una imagen (.png) de:

  • Toda la página web
  • Sólo la parte visible de la página
  • Un área seleccionada de la página

Cómo usar ScreenGrab

Ahora que sabes qué es lo que se puede hace con ScreenGrab! es hora de ver cómo funciona...

El menú de ScreenGrab!

Cómo puedes ver aquí, ScreenGrab! aparece como un pequeño ícono en la esquina de firefox.

menú de ScreenGrab!

Es muy fácil de manejar, tiene las opciones de guardar una página completa, porción visible o selección.

Guardar la imagen de una página completa

Simplemente eliges la opción de guardar página/marco completo, el resultado se verá así

imagen de página completa con ScreenGrab!

Esto es simplemente genial, te será muy útil para mostrar con una sola imagen tu diseño completo (indispensable para tu portafolio).

Imagen de la porción visible

Con esta opción se guardará una imagen de la porción de la página que se ve en el navegador.

imagen de la porción visible de una página con ScreenGrab!

Selección

Esto te permite guardar una imagen de cualquier sección que selecciones de la página, para esto debes escoger la opción de selección, toda la página se pondrá de un color rosa, luego usa el mouse para marcar tu selección como puedes verlo en esta imagen.

como seleccionar con ScreenGrab!

El resultado se verá así:

imagen de la selección de una página web con ScreenGrab!

Te habrás dado cuenta que es una herramienta increíble, no puedes dejar de probarla, descarga ScreenGrab!.

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de entrepixeles entrepixeles

    que buena herramienta :)

  2. Avatar de Germán Germán

    Entrepixeles, definitivamente está entre mis favoritas, ya no me puedo imaginar navegando sin tenerla a la mano :)

  3. Avatar de Raul Bastante Raul Bastante

    Que alucinante herramienta , creo que voy a entrar mas seguido por aquí es un cofrecito este lugar..

    gracias por el screengrab esta power

  4. Avatar de Germán Germán

    Gracias Raul, en verdad es genial esta herramienta, definitivamente unas de mis preferidas.

    Un abrazo.

  5. Avatar de Araceli Araceli

    Genial, me ha solucionado mi problema de hace dos dias!! pero, no
    existirá algo así para el Internet Explorer, es que en mi trabajo se
    usa más!

  6. Avatar de Sechat Sechat

    Lo he descubierto hoy por casualidad y realmente es formidable. Mi duda es cómo hago para subir luego la imágen así guardada. Gracias.

  7. Avatar de Caro Caro

    Hola.
    Estoy usando la herramienta. La acabo de descargar pero no se en donde me guarda las imágenes :s

  8. Avatar de Wang Wang

    Excelente herramienta, la necesitaba hace tiempo y no sabia q existia algo asi, recomendadisima

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910