Utilidades para capturas web | Oloblogger Alguna que otra vez, principalmente para inscribirnos en algún directorio o similar, nos solicitan u...

29 de julio de 2010

Utilidades para capturas web

Singenio BlogAlguna que otra vez, principalmente para inscribirnos en algún directorio o similar, nos solicitan una captura de nuestra web para ilustrar nuestra ficha. No es que sea difícil pulsar la tecla Impr Pant para luego pegar en nuestro editor de imágenes habitual y montar una captura perfecta, pero si nos facilitan la tarea ¿por qué no aprovecharnos? Sobre todo cuando queremos una captura de la página completa, en cuyo caso el anterior método nos obliga a cortar, recortar y pegar repetidas veces, con una cierta dosis de habilidad que quizás no todos tenemos.

Hay varias utilidades online como WebshotsPro o Capture Full Page, que nos pueden servir para esto, pero tras probar varias, me quedo por su rapidez, sencillez y resultados con Superscreen Shot, con la cual obtuve en pocos segundos la captura de la derecha, sin hacer nada más que teclear la URL del blog.

En esta página se puede seleccionar si queremos capturar toda la pantalla o sólo la parte superior, el tamaño de la captura y el formato de la imagen de salida (jpg o png).

Como segunda opción con opciones parecidas, tenemos Thumbalizr para el caso de que algún día falle la anterior, pero lo dejo sólo para el día en que no funcione bien la anterior, ya que Thumbalizr ya está en esas y no logré que me capturara la pantalla completa tras varios intentos.

Por último, además de estas utilidades específicas para capturas, también podemos echar mano de las que están pensadas para comprobar cómo se ve una web en distintos navegadores. Como a fin de cuentas estas otras lo que nos ofrecen son una colección de capturas, bajarse una de ellas no cuesta más que pulsar nuestro botón derecho y descargar.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

18 comentarios :

  1. Parece interesante la Verdad!! buen trabajo y como siempre Buen Blog!! :D

    ResponderEliminar
  2. Algo así andaba buscando el otro día

    Gracias :)

    ResponderEliminar
  3. Bertomanía, Mercier, me alegro de que os haya sido útil. Este blog es una pequeña birria comparado con otros que sí que saben ;)

    ResponderEliminar
  4. Hola! El blog está buenísimo! Realmente es muy util y te re felicito.
    Quería ver si me podías ayudar con un problemita que tengo.
    Te cuento...
    Yo tengo mi blog hace como 1 año y medio y hace un poco más de un año le pude poner el LEER MAS como imagen. Pero con el tiempo, hace ya como 8 meses, me dejó de funcionar. La imagen sigue pero no hace nada :S
    Probé haciéndolo denuevo con los nuevos métodos que vi por ej acá en tu blog, pero para eso tengo que sacar el LEER MAS que tengo pero no se como. Trato de volver a poner el código como antes sacándole lo que le agregué al principio pero me salta error.
    Por las dudas si querés ver mi blog es www.goangeles.com.ar
    la imagen que no funciona es la que dice COMENTAR. solo la cambie xq total ni sirve, pero es la d LEER MAS.
    Espero que puedas ayudarme. Saludos!

    ResponderEliminar
  5. Go Angeles, TRAS GUARDAR UNA COPIA DE SEGURIDAD, busca showFull. Ese es el script que instalaste para los resúmenes. Allí dónde veas el código del script, borras todo lo que tenga que ver con él. El código principal estará antes de /head y el resto estará o bien por dónde DATA:POST.BODY o bien individualmente en cada entrada.

    Quizás ya borraste el script y por eso, aunque tengas más SHOWFULL por ahí, este no te funciona.

    Si ves complicado quitar todo, sólo borra lo de antes del /head y después instala el Leer Más en dos pasos que se explica por ahí. Debería funcionar.

    Saludos.

    ResponderEliminar
  6. La verdad es que mi PC es bastante tonto y el buscador no me funciona. Tengo un problemon con mi blog (http://fishbypopcorn.blogspot.com) y son las etiquetas, porque la plantilla que descargue de internet no me deja modificar el tipo de etiquetas. A mi me gustan en nube, pero no me deja y necesito saber la manera de sacar aquello.

    ResponderEliminar
  7. Buenisimo. Mañana mismo lo hago todo y te aviso el resultado. Gracias!

    ResponderEliminar
  8. Ante todo magnifico blog de verdad es muy útil e interesante. Este post me ha recordado un problemilla que detecte hace un tiempo en La Blogoteca, en http://lablogoteca.20minutos.es/isabel-llaberia-fotografa-16212/0/ si te fijas, no sala bien la captura de pantalla pero en cambio si lo hago en http://www.superscreenshot.com/getscreen.php?url=isabelfotografa.blogspot.com , sale bien, sabrías por que ocurre esto?

    Muchas gracias de antemano.

    PD: esta consulta la envié a 20minutos en dos ocasiones pero no obtengo respuesta.

    ResponderEliminar
  9. Popcorn, primero prueba a hacer esto:
    http://oloblogger.blogspot.com/2009/08/nube-de-etiquetas-en-blogger.html
    Si no es ese el problema, entonces elimina el gadget que tienes actualmente para las etiquetas desde Elementos de Página y luego lo vuelves a instalar. Debería funcionar sin problemas.

    Go Angeles: Suerte

    Isabel Llaberia, en un principio sólo veo desactualizada la captura, pero es que creo que no actualizan de contínuo, sino sólo de cuando en cuando.
    En otras ocasiones, cuando la captura sale parcialmente es porque el blog tarda en cargar algo más de la cuenta. Eso me ocurrió a mí una temporada, pero si es eso, sólo podrás resolverlo aligerando tu página, porque no creo que ellos cambien su aplicación ;)

    ResponderEliminar
  10. No. No me salió. Igual tampoco entendí bien XD
    Pero no importa, gracias igual.
    Ya que no se pudo y que por lo menos pueda hacer algo útil con esa imagen que tengo abajo de cada post que le puse comentar: Sabés si hay alguna forma de hacer que yo al darle click se me abra para comentar en ESA entrada?

    ResponderEliminar
  11. Po zi...

    Tienes que localizar la parte de tu plantilla dónde generas el Showfull. Tendrá un aspecto parecido a este:

    <p><a href="javascript:void(0);" onclick='javascript:showFull("post-6029124786679872622");'><img src="http://i40.tinypic.com/fvcsy1.jpg">
    </a></p>

    El enlace probablemente será un script que genera lo que te he puesto (es lo que vemos los demás), pero los P y la IMG deberían estar para servirte de guía.

    Una vez que lo encuentres, sustituyes todo por esto:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.allowComments'>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
    <img src="http://i40.tinypic.com/fvcsy1.jpg">
    </a>
    </b:if>
    </b:if>

    De esta manera, la imagen te llevará al post y en concreto a la parte de él dónde se puede comentar.

    Más info: http://oloblogger.blogspot.com/2008/06/enlace-comentarios-en-blogger.html

    ResponderEliminar
  12. Me sigue saltando error :S
    la verdad no entiendo que le pasa a blogger en mi cuenta. casi todo me salta error. Y ahora además cuando voy a otra parte del blog que no sea el inicio se me aparece con el truco que saqué de acá de la flecha. está barbaro. pero se me aparece en todos lados menos justo en el inicio.

    Sabes como arreglarlo? Sory que te esté torturando tanto :P

    ResponderEliminar
  13. La tortura es que no veo lo que tienes y doy muchos palos de ciego en mis indicaciones, porque lo que te dije no puede tener el efecto que comentas. Necesitaría más detalle en tus notas.

    Si el error salta al copiar el código e intentar guardar, es porque copiaste algo de más o de menos, o lo insertaste dónde no era. Pero no sé si es ahí dónde te da error, o después de grabarlo al ver la página. Lo dicho, un poquito más de detalle, please.

    Sobre la flecha, yo la veo (pequeñita, pero la veo) en todas las páginas (?!)

    ResponderEliminar
  14. Bueno, mira...

    Yo sustituí el codigo en el que esta la imagen y eso(que no lo pongo porque no me deja Blogger) por lo que vos me pusiste TAL CUAL ESTA
    Y cuando en la vista previa quiero ver como quedó me pone esto:

    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "img" must be terminated by the matching end-tag "".

    No lo logro entender muy bien :/

    ResponderEliminar
  15. Jaja. Que tan pequeñita ves la flecha? XD

    Yo ni la veo creo

    ResponderEliminar
  16. Ok. Fallo mío en el código que te puse. Al final de la línea con la etiqueta IMG, tienes que incluir un / antes de las comillas de cierre. Así:
    <img src="http://i40.tinypic.com/fvcsy1.jpg" />
    Sustituye esa línea por esta de ahora.

    Y sobre la flecha, yo la veo... http://yfrog.com/izcapturaemj

    ResponderEliminar
  17. Ahora si funcionó!!!!
    Muchísimas gracias. No pude hacer que ande el Leer Mas pero al menos si pude el COMENTAR :P

    Jaja, tanto lio solo por una /

    Te lo agradezco muchísimo. Tu blog está bárbaro y vos tenés muy buena onda!

    ResponderEliminar