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.