[ un desarrollo de PATAGONIA CREATIVE ]

Archivos en Categoria: Capturas Web

  • Capturas Web

    21 /01 / 2008 - 11:01 am

    Publicado por Nikko.

    • 15
    • 3.643

    Social Link

    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í.

    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.