Capturas Web

Super Screenshot - Capturas Web al instante

superscreem.jpg

Super Screenshot otra practica herramienta online que nos permitirá tomar capturas Web al instante. Luego de haber ingresado la URL de la Web deseada, el sistema nos arrojara diferentes resoluciones de pantalla de las cuales podremos elegir, inclusive si deseamos una captura de la parte visible o de la Web completa. La imagen generada podremos descargarla en formato PNG o JPG con una calidad más que aceptable.

Enlace Super Screenshot

Via blogvecindad

Kwout - Generar mapas de imágenes (con hipervínculos) sobre una captura web

kwo.jpg

Kwout es una herramienta online que nos facilitara un poco el trabajo a la hora de crear mapas de imágenes (con hipervínculos) sobre una captura web. Kwout en simples pasos, nos permitirá realizar la captura web de una Url especifica, a su vez sobre esa captura nos permitirá recortar una área especifica (ej Sección blogroll), y lo genial aquí es que Kwout automáticamente generara nuestro mapa de imágenes, lo que significa que cada uno de los enlaces en la captura nos redireccionara al link especifico.
Para utilizarlo simplemente basta con ingresar a Kwout, introducir la url que deseamos capturar. Recortar el área que nos interesa, inclusive si deseamos podremos decorar un poco esta área que acabamos de recortar con sombras, un redondeo suave, etc. También dentro de estas opciones veremos tres item que nos preguntara que deseamos hacer con esta captura, si compartirla desde nuestro blog, Flickr o Tumblr. Luego simplemente deberemos copiar el código generado y copiarlo en nuestro blog, automáticamente estaremos viendo nuestro mapa de imagen (con hipervínculos) en nuestro post o sección.

EJ: Pasa el Mouse sobre los enlaces de la foto.

http://www.xyberneticos.com

Xyberneticos via kwout

Nuestro código generado ha sido algo así.

HTML:
  1. <p class="kwout" style="text-align: center"><img src="http://kwout.com/cutout/f/r3/x5/az8.jpg" alt="http://www.xyberneticos.com" title="Xyberneticos" usemap="#kwout_fr3x5az8" height="245" width="201" />
  2. <map name="kwout_fr3x5az8" id="kwout_fr3x5az8"> <area href="http://www.puntogeek.com/" coords="100,71,158,86" shape="rect" /> <area href="http://www.codigogeek.com/" coords="0,134,63,149" shape="rect" /> <area href="http://www.anieto2k.com/" coords="0,113,46,128" shape="rect" /> <area href="http://vikiworks.com/" coords="100,218,156,233" shape="rect" /> <area href="http://www.colourlovers.com/" coords="0,197,72,212" shape="rect" /> <area href="http://elgeek.com/" coords="0,155,43,170" shape="rect" /> <area href="http://www.cubik.es/wordpress/index.php" coords="100,197,138,212" shape="rect" /> <area href="http://www.rubendomfer.com/blog/" coords="100,155,170,170" shape="rect" /> <area href="http://www.htmllife.com/" coords="100,113,151,128" shape="rect" /> <area href="http://cssmania.com/" coords="0,50,49,65" shape="rect" /> <area href="http://www.infectedfx.net/" coords="0,176,57,191" shape="rect" /> <area href="http://www.bitslab.net/" coords="0,92,42,107" shape="rect" /> <area href="http://wwwhatsnew.com/" coords="100,50,169,65" shape="rect" /> <area href="http://www.smashingmagazine.com/" coords="100,176,187,191" shape="rect" /> <area href="http://www.digilicious.cl/" coords="100,92,159,107" shape="rect" /> <area href="http://www.forwebdesigners.com/" coords="0,218,85,233" shape="rect" /> <area href="http://www.webmasterlibre.com/" coords="100,134,182,149" shape="rect" /> <area href="http://www.storelicious.com/" coords="0,71,95,86" shape="rect" /></map>
  3. <p style="text-align: center; margin-top: 10px"><a href="http://www.xyberneticos.com">Xyberneticos</a> via <a href="http://kwout.com/quote/fr3x5az8">kwout</a></p>

Enlace Kwout

Via bitelia

22 formas para crear capturas de sitios web

Tomar screenshots de sitios web o realizar capturas web, es para nosotros una tarea común, o bien es algo que ya diariamente hacemos debido a que siempre necesitamos crearlas para finalizar un articulo o hacerlo mas ilustrativo. Parece que fue ayer cuando hablamos de Thumbalizr (Ahora que lo pienso, fue ayer) que es una bonita alternativa para hacerlas de manera online. Aun así, es agradable siempre contar con un As bajo la manga, o bien contar con otras alternativas que nos permitan realizar este tipo de tareas, sobre todo pensando que tenemos diferentes preferencias que nos llevan a utilizar diferentes aplicaciones para conseguir un mismo resultado. Mashable hoy me ha facilitado un poco la tarea y ha recopilado 15 maneras diferentes (de las cuales tomaremos los servicios gratuitos) para realizar capturas web, pero a ellas les agregaremos aun mas alternativas. Veamos cuales son:

Plugin

  1. Save as image – Un plugin para Firefox que nos permite capturar una pagina web completa, o alguna parte de ella que marquemos. Se integra como de costumbre a nuestro menú contextual.
  2. Picnik for Firefox – Plugin para firefox que se integra al editor online Picnik, y nos permitirá fácilmente importar un screenshot de una Web a Picnik.
  3. GraphicsEx es otra bonita extensión para firefox que nos permitirá realizar capturas web. Si bien existen otras extensiones para realizar este tipo de tareas GraphicsEx será otra alternativa más para probar. Esta extensión al igual que todas se integra con nuestro menú contextual, y para acceder a ella simplemente daremos click derecho en nuestro Mouse sobre la web que deseamos capturar, y elegimos la opción “Webshot page to Snissa” . ¿En que se diferencia con las demás extensiones? Lo bueno de GraphicsEx es que las capturas realizadas se almacenan automáticamente ni bien las hacemos en los servicios provistos por Snissa.com. En cuanto a la calidad de las capturas, son bastante agradables, debido que el formato que utiliza para guardar nuestras capturas es el PNG.
  4. ScreenGrab es una extensión para el navegador Firefox, de la que ya puedo decir es una de mis extensiones favoritas. Se integra muy rápidamente a firefox y utilizarla es sumamente práctico. A diferencia de la anterior ScreenGrab nos permite realizar tres tipos de acciones:
    Guardar la página web completa
    Guardar solo porción visible en pantalla
    Y la mejor, capturar solo la porción que nosotros seleccionemos.
    Una vez instalada, solo necesitamos hacer un click en el botón derecho del Mouse y dirigirnos a las opciones de ScreenGrab.
  5. Webpage Capture es un plug-in para Internet Explorer que permite obtener una captura de la web en la que te encuentras navegando en ese momento.
    Desconociendo otro tipo de plugin que actué integrado a Internet Explorer para realizar este tipo de tareas, y solo haber probado Webpage Capture, puedo deducir que es una muy buena aplicación, y realiza muy bien la función para la cual fue desarrollada, pero posee una pequeñita desventaja, solo realiza capturas web completas, sin permitirnos realizar solo la captura de una parte especifica de la web, lo que generara que si deseamos solo una parte de la captura, deberemos recaer luego en algún editor de imágenes para recordar la captura. De todas formas es una muy buena aplicación para capturar web sobre todo si deseas realizar las capturas de forma completa.
  6. ieSnapshotter - un plugin para Internet Explorer que permite tomes screenshots y thumbnails de Web pages.

Programas para capturar web

  1. Webshot es una excelente herramienta para realizar capturas de pantalla de sitios web. La interfaz es muy sencilla, rápida, y fácil, tanto que solo es necesario introducir la ruta de la web para comenzar a obtener la captura. En las opciones encontraras diferentes formas de personalizarlo, dependiendo de lo que necesitas. Las capturas de un sitio web completo podrás guardarlas en formato como JPG, GIF, PNG y BMP. La foto de arriba es un ejemplo minimizado de mi sitio, que hice con este aplicacion.
  2. NetFixer tan sólo nos pedirá que pongamos la dirección de la web a “inmortalizar”, y nos generará un archivo (que puede ser png, jpg, gif, bmp o tiff). También podremos decirle cual será el tamaño mínimo para la captura, aunque las dimensiones finales dependen totalmente del diseño de la página.
  3. FastStone Capture - una utilidad de gran alcance para tomar screenshots con un panel de control flotante , también posee la opción de capturar cualquier cosa en la pantalla incluyendo ventanas, objetos, pantalla completa, regiones rectángulo, e incluso regiones seleccionadas.
  4. ¡Paparazzi! – Aplicación sencilla para OS X de Mac que te deja tomar screenshots de Web pages.
  5. PrintKey - substituye tu función de impresión de pantalla de Windows y te da mejoras opciones. Hay una versión nueva comercial pero puedes también usar la versión mas vieja de forma gratuita.
  6. InstantShot - Aplicación freeware para OS X que se integra a tu barra de menú y te da las opciones de capturar pantallas, incluyendo capturar una región, también podremos guardar las capturas en cantidad de formatos opcionales.

Servicios Online

  1. Thumbalizr nos permite realizar screenshots o capturas web de manera online de forma simple, de buena calidad, y con algunas opciones en cuanto a tamaños de redimensión ya que podremos elegirlas en tamaños de 320, 640, 800, 1024 o 1280 pixel o bien nosotros mismo poner el tamaño deseado. También cuenta con dos opciones a la hora de capturar las web, Screen y page. La opción Screen nos realiza una captura de la parte visible de nuestro navegador o lo que vemos al ingresar al sitio por primera vez, y la opción Page nos realiza una captura completa de la web, ósea tomando desde el header (Encabezado) hasta el footer (Pie de pagina). Lo bueno de esta aplicación son las opciones que nos brinda a la hora de capturar la web y sobre todo que es sumamente rápido realizarlas, sin duda será una buena opción a la hora de tomar capturas para nuestros artículos.
  2. WebShotsPro, una fácil herramienta de usar para hacer capturas de sitios web, luego podremos descargarlas a nuestro ordenador en los 100×75 267×200 400×300 o 640×480 o bien copiando la ruta de enlace, podemos subirla directamente a un sitio alojador de imágenes, como suelo hacer con todas mis fotos. Para captura un sitio solo basta ingresar la URL. Es una buena herramienta cuando estamos en un ordenador ajeno sin el plugin Screengrab para firefox.
  3. browsershots.org hace una captura de toda la página con Firefox, IE y Safari.
  4. browsrcamp.com para capturar con el navegador Safari de Mac, te guarda una imagen a la resolución escogida.
  5. NetRenderer Nos permite ver como ser ve nuestro sitio en Internet Explorer 7, 6 y 5.5 o comparar las diferencias entre dos de ellos.
  6. WebShotsPro, una fácil herramienta de usar para hacer capturas de sitios web, luego podremos descargarlas a nuestro ordenador en los 100×75 267×200 400×300 o 640×480
  7. icapture hace capturas de Safari en formato png
  8. iecapture – Hace capturas en Internet Explorer
  9. anybrowser.com/siteviewer te permite ver tu web siguiendo diferentes estándares y navegadores.
  10. webshots.velocitysc.com Captura en diferentes tamaños, muy practico pero convengamos que las capturas no son de muy buena calidad.

Thumbalizr: Excelente aplicación online para realizar capturas web

Thumbalizr – Es una excelente aplicación online que a nosotros nos viene bien, ya que siempre estamos necesitando realizar capturas de alguna web para alguno de nuestros artículos.
Thumbalizr nos permite realizar screenshots o capturas web de manera online de forma simple, de buena calidad, y con algunas opciones en cuanto a tamaños de redimensión ya que podremos elegirlas en tamaños de 320, 640, 800, 1024 o 1280 pixel o bien nosotros mismo poner el tamaño deseado. También cuenta con dos opciones a la hora de capturar las web, Screen y page. La opción Screen nos realiza una captura de la parte visible de nuestro navegador o lo que vemos al ingresar al sitio por primera vez, y la opción Page nos realiza una captura completa de la web, ósea tomando desde el header (Encabezado) hasta el footer (Pie de pagina). Lo bueno de esta aplicación son las opciones que nos brinda a la hora de capturar la web y sobre todo que es sumamente rápido realizarlas, sin duda será una buena opción a la hora de tomar capturas para nuestros artículos.

Enlace Thumbalizr

Via Pixey

Capturas web desde Internet Explorer y Firefox

Nosotros que nos dedicamos a los blog, no tendríamos nuestro navegador completo sin una extensión que nos permita realizar capturas web de forma práctica. Esto por algo evidente, siempre necesitamos hacer la captura de una web en concreto, o de una aplicación especifica para completar articulo que estamos por escribir.
Si utilizas Firefox al igual que yo, ScreenGrab es más que suficiente para realizar este tipo de tareas. Pero si utilizas Internet Explorer necesitaras buscar otra posible alternativa.

Webpage Capture 1.0 - Para Internet Explorer

webpage-capture.jpg

Webpage Capture es un plug-in para Internet Explorer que permite obtener una captura de la web en la que te encuentras navegando en ese momento.
Desconociendo otro tipo de plugin que actué integrado a Internet Explorer para realizar este tipo de tareas, y solo haber probado Webpage Capture, puedo deducir que es una muy buena aplicación, y realiza muy bien la función para la cual fue desarrollada, pero posee una pequeñita desventaja, solo realiza capturas web completas, sin permitirnos realizar solo la captura de una parte especifica de la web, lo que generara que si deseamos solo una parte de la captura, deberemos recaer luego en algún editor de imágenes para recordar la captura. De todas formas es una muy buena aplicación para capturar web sobre todo si deseas realizar las capturas de forma completa.

icono.jpg

El programa se instala en la barra de herramientas de este navegador. Al hacer clic sobre su icono (Que vemos arriba) toma una captura instantánea de la página completa, no solo de lo que visualizamos, sino de principio a fin. Las imágenes se almacenan en la carpeta de Webpage Capture, dentro de Archivos de programa.
Nota: Si lo instalas y el icono no se agrega automáticamente, agrégalo de forma manual dando click derecho sobe la barra de herramientas, luego click en “Personalizar”, en las opciones que veremos lo buscas y agregas.

Icono-Descarga Icono-Web

ScreenGrab - Extensión para Firefox

opciones.jpg

screengrab.jpg

ScreenGrab es una extensión para el navegador Firefox, de la que ya puedo decir es una de mis extensiones favoritas. Se integra muy rápidamente a firefox y utilizarla es sumamente práctico. A diferencia de la anterior ScreenGrab nos permite realizar tres tipos de acciones:
Guardar la página web completa
Guardar solo porción visible en pantalla
Y la mejor, capturar solo la porción que nosotros seleccionemos.
Una vez instalada, solo necesitamos hacer un click en el botón derecho del Mouse y dirigirnos a las opciones de ScreenGrab.

Icono-Descarga Icono-Web

Servicios para comprobar como se ven tus páginas en los diferentes navegadores

Servicios Online

  1. browsershots.org hace una captura de toda la página con Firefox, IE y Safari.
    Es muy efectivo, pero el inconveniente es que debes esperar a la cola de capturas y a veces es terriblemente larga.
  2. browsercam.com es un servicio similar sin esperas, pero es de pago. Permiten un registro de prueba de 24h.
  3. browsrcamp.com para capturar con el navegador Safari de Mac, te guarda una imagen a la resolución escogida.
  4. NetRenderer Nos permite ver como ser ve nuestro sitio en Internet Explorer 7, 6 y 5.5 o comparar las diferencias entre dos de ellos.
  5. WebShotsPro, una fácil herramienta de usar para hacer capturas de sitios web, luego podremos descargarlas a nuestro ordenador en los 100×75 267×200 400×300 o 640×480
  6. icapture hace capturas de Safari en formato png
  7. iecapture – Hace capturas en Internet Explorer
  8. webshotspro.com captura la pantalla a diferentes resoluciones y te algunos datos como la descripción y palabras clave.
  9. anybrowser.com/siteviewer te permite ver tu web siguiendo diferentes estándares y navegadores.
  10. webshots.velocitysc.com Captura en diferentes tamaños, muy practico pero convengamos que las capturas no son de muy buena calidad.

Programas para capturar web

  1. Webshot es una excelente herramienta para realizar capturas de pantalla de sitios web. La interfaz es muy sencilla, rápida, y fácil, tanto que solo es necesario introducir la ruta de la web para comenzar a obtener la captura. En las opciones encontraras diferentes formas de personalizarlo, dependiendo de lo que necesitas. Las capturas de un sitio web completo podrás guardarlas en formato como JPG, GIF, PNG y BMP. La foto de arriba es un ejemplo minimizado de mi sitio, que hice con este aplicacion.Link Descarga Webshot
  2. NetFixer tan sólo nos pedirá que pongamos la dirección de la web a “inmortalizar”, y nos generará un archivo (que puede ser png, jpg, gif, bmp o tiff). También podremos decirle cual será el tamaño mínimo para la captura, aunque las dimensiones finales dependen totalmente del diseño de la página.

Extensiones Para firefox

  • ScreenGranb! Una extensión para firefox que nos permite hacer captura de web. Al instalar esta extensión se nos presentara un icono en la parte izquierda de nuestro navegador. Cada vez que queremos capturar una web solo hacemos click en el icono o haciendo click con el boton derecho del mouse veremos la opcion para capturar, paso siguiente se nos habilitara un menú desplegable que nos permitirá guardar o copiar la captura de la web. ScreenGranb! Nos es muy diferente a muchas aplicaciones de este tipo, pero tiene unos puntos que podríamos destacar. Ya que al guardar la captura podremos hacerlo de 3 diferentes formas,
  1. Hacer una captura de la página web completa
  2. Hacer una captura de la parte visible de la página web
  3. O seleccionar solo una porción de la web, para realizar la captura (Que la seleccionamos con nuestro Mouse).
  • IE Tab: cuando se desarrolla un sitio web, es necesario garantizar que se visualizara de la misma manera sobre Firefox y sobre Internet Explorer (puesto que son los navegadores más utilizados hoy). Para evitarles tener que alternar entre estos dos navegadores, es posible gracias a este plugin abrir dentro de Firefox un ventana que utiliza el motor de Internet Explorer.

si creen que pueden aportar algun otro servicio, no duden en escribir.

Fuentes: Algunos enlaces han sido tomados de webmasterlibre , 2creativo y Xyberneticos

WebShotsPro - Captura online de portadas web

WebShotsPro, una fácil herramienta de usar para hacer capturas de sitios web, luego podremos descargarlas a nuestro ordenador en los 100x75 267x200 400x300 o 640x480 o bien copiando la ruta de enlace, podemos subirla directamente a un sitio alojador de imágenes, como suelo hacer con todas mis fotos. Para captura un sitio solo basta ingresar la URL. Es una buena herramienta cuando estamos en un ordenador ajeno sin el plugin Screengrab para firefox.

Enlace WebShotsPro