stickpng, un buscador de PNG con fondos transparentes

png

Si queremos crear un banner atractivo, o realizar un montaje para nuestras publicaciones, seguramente estaremos acostumbrados a buscar imágenes que tengan un fondo transparente, para que solamente pueda usarse el objeto deseado, y no acabemos copiando un cuadrado difí­cil de integrar con cualquier publicación.

Existen varios formatos de archivo que permiten la transparencia, siendo el gif y el png dos de los más populares, y es este segundo el que protagoniza el recurso que hoy comentamos.
Continúa leyendo «stickpng, un buscador de PNG con fondos transparentes»

Photojoiner.net, útil herramienta para unir imágenes online

Photojoiner unir imagenes

No siempre es útil tener mil herramientas de edición de fotografí­a o para crear collages cuando lo único que se necesita es una función especí­fica que probablemente existirá en un servicio que permita ejecutarla rápidamente online. Ese es el caso de PhotoJoiner.net, una herramienta en lí­nea que sólo hace una cosa pero la hace perfectamente, sin registros ni complicadas funciones: unir imágenes.

Su página inicial está compuesta apenas por un espacio en blanco donde será posible cargar las imágenes en lote a través del explorador del equipo, claro, lastimosamente aún no cuenta con el campo de carga arrastrándolas y soltándolas pero sí­ hace posible el ejecutar este par de acciones para organizar su aparición dentro de los resultados (disponibles instantáneamente en la vista previa).

Luego de completada la carga aparecerán algunas opciones rápidas que permitirán definir la distribución de la tira de imágenes resultante (horizontal, vertical o matricialmente, esta última, definiendo el número de imágenes por fila y columnas), el tamaño predeterminado a partir de la imagen más larga o más corta y finalmente la distancia entre imágenes contada en pixeles y con la posiblidad de cambiar su color ingresando su respectivo referencia en código hexadecimal.

Restará descargar los resultados con el menú contextual del clic derecho sino es que compartir la imagen resultante en Facebook por si más que unir imágenes de un tema especí­fico (sin marcos ni decoraciones especiales) se busca juntar un buen número de fotografí­as.

Enlace: PhotoJoiner.net

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.