Enví­a capturas de pantalla sin ocupar mucho espacio en el email

Hace ya mucho años que voy de empresa en empresa dando consejos para aumentar la productividad recomendando herramientas que solucionen tareas especí­ficas. Aunque los temas relacionados con gestión de proyectos sean los más habituales, hay un factor común en el 70% de las compañí­as visitadas: las imágenes capturadas en los emails.

Puede parecer una tonterí­a, pero capturar una pantalla con el Print+Screen del teclado y pegarla en un email para enviarla en formato bmp al servicio técnico de la empresa puede acabar generando una cantidad de problemas enormes, algo que puede solucionarse con un pequeño curso que explique conceptos relacionados con compresión de imágenes, herramientas inteligentes de captura de pantallas y formas de enviar capturas para mostrar un problema especí­fico.

En muchas ocasiones he visto como se captura una imagen con Imprimir Pantalla, se pega en un documento Word y se enví­a el documento por email, algo que, además de poco efectivo (requiere mucho tiempo y se captura más de lo deseado), ocupa un espacio enorme. De hecho he visto empresas en las que se captura la pantalla fotografiando con el móvil y enviando el resultado por email directamente desde dicho dispositivo…

Los formatos jpg, gif y PNG son los más conocidos a la hora de comprimir imágenes, mucho más efectivos cuando la imagen tiene regiones grandes del mismo color, y deben usarse siempre que sea posible para evitar enviar archivos de varios megas sin necesidad.

screenshotPodéis usar una extensión en el navegador que permita capturar la región de la pantalla que contiene la información deseada, como awesomescreenshot.com, que tiene versión para Chrome, Safari y Firefox. Generalmente estas extensiones guardan el archivo en formato PNG, que ocupa mucho menos espacio que BMP, aunque puede reducirse mucho más su tamaño si usáis tinypng.org. El archivo resultante será suficientemente pequeño como para compartirse por email sin causar problemas de espacio (no deberí­a ocupar más de 200kb).

También podéis usar un programa de escritorio, como Winsnap, para Windows, Shutter, para Linux, o cualquiera de estas opciones para Mac, que realice la captura selectiva (la región que interese capturar). Si se guarda en png, puede comprimirse aún más usando tinypng, si se guarda en jpg es posible usar compressnow.com para reducir el tamaño del archivo sin perder calidad en el mismo.

Personalmente prefiero guardar las capturas en la nube y compartir el link (usando dropbox, por ejemplo), aunque eso es algo difí­cil de explicar para quienes aún desconocen lo más básico.

Y vosotros, ¿qué usáis para capturar la pantalla?

Para reducir el tamaño de archivos PNG

Los que usamos linux tenemos varias opciones que permiten reducir el tamaño de archivos PNG desde la linea de comando. Personalmente uso pngquant.org, instalado con sudo apt-get install pngquant en ubuntu y ejecutado con pngquant –quality=65-80 * para que comprima de forma automática todos los archivos PNG que se encuentran en un directorio especí­fico.

En el caso del ejemplo superior, el resultado muestra pérdidas, ya que he especificado que la calidad esté entre 65 y 80%, aunque en pngquant.org explican todas las opciones de este comando (también hay versiones para Windows y Mac).

Esta no es la única función que reduce el peso de las imágenes en linux (paso necesario para poder subirlas a la web sin que ocupen más de 100kb cada una), hay otras, como optipng, Pngcrush u optipng, por poner tres ejemplos, que ayudan a facilitar el trabajo sin necesidad de usar editores como Gimp o compresores online.

Pero si lo que necesitáis es poder comprimir esas imágenes desde cualquier sistema operativo, echad un vistazo en tinypng.org, una de las mejores opciones que conozco. Es más lento, ya que requiere subir la imagen y bajarla comprimida, y no permite establacer parámetros de compresión, pero es práctico y no necesita registro.

TinyPNG

La mayorí­a de las extensiones que capturan pantallas en los navegadores capturan la imagen en PNG, pero no la comprimen, dejando archivos de 600x300px con tamaño de más de 400kb, algo que no puede permitirse en una web. Es extremadamente recomendable preocuparse con el tema, por lo que no dejéis de seguir buscando opciones que se adapten a vuestro ritmo de trabajo.

Tres opciones web para reducir el tamaño de nuestras imágenes

Hace unos dí­as os hablamos de Tinypng como una aplicación web que podemos usar para reducir el tamaño de nuestras imágenes en PNG, disminuyendo la cantidad de colores para poder así­ ganar más de un 50% en el tamaño del archivo. Tinypng respeta la transparencia y es una opción muy práctica, pero no es la única.

Os dejamos con otras tres opciones que pueden ayudar con el tema:

jpeg-optimizer.com : Reduce el tamaño de imágenes jpeg. Es posible indicar el porcentaje proporcional a la calidad del resultado, así­ como el tamaño de la imagen final. Con un porcentaje de 85% generalmente no se nota una pérdida de calidad muy grande, reduciendo bastante el tamaño del fichero.

smushit: Conocida aplicación de Yahoo que reduce el tamaño sin perder la calidad de la imagen original. Podemos subir una foto de nuestro ordenador, indicar la url de una imagen ya existente en la web o instalar un plugin en Wordpress para optimizar cualquier foto que subamos a nuestro blog.

compresspng.com: Alternativa a Tinypng, especializada en archivos PNG, que permiten tener zonas transparentes (al contrario que el jpeg). Podemos subir archivos en otros formatos, pero todos ellos se transformarán en PNG de 8 bits de forma automática.

comprimir
El tamaño de las imaǵenes que usemos en nuestro sitio web es una variable que merece mucho nuestra atención. No solo es importante para que los lectores carguen más rápido su contenido, también ayuda a reducir la cantidad de información que sale de nuestro servidor, lo que acaba significando en una menor factura a final de mes en muchos casos.

TinyPNG, reduciendo el tamaño de nuestras imágenes en PNG

La mayorí­a de los programas que capturan pantallas, principalmente si hablamos de extensiones en los navegadores web, guardan el archivo en formato PNG, un formato que ocupa muy poco espacio si la imagen tiene pocos colores, siendo necesario comprimirla o cambiar a JPG si hablamos de una fotografí­a o captura con varios tonos.

Una imagen que ocupa casi 400 Kb en PNG después de ser capturada en Internet con Shutter (conocido programa de Screenshots para Linux), puede baja a 100 Kb al exportarla en JPG con calidad de 85%, por ejemplo, una reducción que vale la pena tener en cuenta a la hora de ilustrar un artí­culo.

El problema es que muchas veces no tenemos tiempo de abrir archivos PNG para comprimirlos en otros formatos, por lo que se hace necesario un programa de capturas que ya realice ese trabajo (como Winsnap para Windows, por ejemplo) o una aplicación que pueda comprimir los ficheros de forma rápida, como el que os presentamos hoy.

png

Se trata de tinypng.org, una aplicación web que permite subir hasta 20 imágenes de una sola vez, con un lí­mite de 3 megas por archivo, permitiendo reducir el tamaño de cada una al mismo tiempo que mantiene la transparencia (algo que, recordemos, no tiene el formato JPG).

Según comentan en Xyberneticos, genera un archivo 8 bits PNG, en lugar de 24bits, obteniendo un resultado que, en muchas ocasiones, es perfecto.

Patternify – Generador de patrones CSS


Una de la cosas que más les cuesta a los que empiezan a trabajar con la tecnologí­a CSS es que las cosas se pinten donde se pretende y que no se muevan de sitio de una pantalla a otra.
Patternify es una juguete curioso que permite dibujar una imagen pixel a pixel en su pequeño editor web y obtener el archivo png de lo dibujado y el código CSS en formato base64.
El editor es básico pero permite al menos elegir el color del trazo, la opacidad, limpiar el dibujo, elegir un borrador, etc. También están disponibles unos patrones de ejemplo y se puede compartir las creaciones de cada uno con la comunidad.
Tiene un fallo menor y es que cuando descarga el archivo png no sabe ponerle la extensión y nos pide que no se nos olvide hacerlo a nosotros pero no tiene mayor importancia.

Gridulator – Para diseñadores que trabajan con columnas

Aunque al no ser diseñador no le encuentre mucha utilidad en mi dí­a a dí­a, gridulator lleva todo el dí­a entre los sitios web más populares de delicious.com, con lo que es posible que muchos agradezcáis el enlace.

Se trata de una aplicación que nos genera archivos PNG con las columnas, anchos y separación entre ellas que le indiquemos previamente.

Su autor, en stuntbox.com justifica la creación al no haber encontrado nada parecido que le ayude a desarrollar sus diseños en los diferentes editores de imágen. Siendo así­ mucho más sencillo empezar a crear un sitio web bien estructurado.

La mayor y mejor colección de iconos sociales que conozco

En iconshock han publicado una excelente colección de iconos en alta resolución para todos aquéllos que necesiten ilustrar su sitio web haciendo referencias a las diferentes opciones de la web social.

Podemos obtener los archivos en PNG, ICO, AI y PSD, con diferentes tamaños y con versión en escala de grises.

105 megas de iconos de todo tipo que hacen de esta una de las mejores colecciones que conozco.

Open ClipArts ”“ Más de 30.000 imágenes prediseñadas para descargar

Open ClipArts es un portal que nos permite descargar todo tipo de imágenes prediseñadas en formatos SVG o PNG.

La web cuenta en su haber con un recopilatorio de más de 34.000 imágenes, todas ellas clasificadas desde animales hasta banderas pasando por mapas, caras, flores, gente, bordes, caricaturas, etc.

Si deseas colaborar en el proyecto, también puedes subir tus creaciones al portal, aunque previamente sus responsables deberán de valorarlas y la clasificarlas por ti. Para realizar el anterior paso, tendremos que pasar por un registro bastante corto, en el que habremos de introducir nuestros datos personales básicos.

Un buen servicio para todos aquellos que están buscando un icono, por ejemplo, para su avatar y no encuentran nada que les guste.

Converticon – De imagen a ico y de ico a imagen

iconoConverticon es una sencilla aplicación que permite transformar cualquier imagen en un icono de 16×16, 32,32, 64×64, etc. Prometiendo no hacerle mucho daño a la calidad también realiza la transformación inversa, permitiendo convertir archivos .ico en png.

No esperéis logomarca ni aplicación compleja, acceded a converticon.com y subid la imagen deseada. directo al grano.