Las infografías son cada día más usadas y populares, como todos sabréis a estas alturas, se usan para exponer de forma gráfica y más fácil de entender datos y cifras sobre temas concretos. Sobre todos se suelen usar para poder entender con apenas un vistazo los datos arrojados por estudios domográficos y sociales sobre cualquier gadget, servicio online, etc…pero como os contaba, cada día son más usados, por la gran aceptación que han tenido.

Si os animais a diseñar alguna infografía u os han encargado el diseño de uno, hoy os traigo un completo pack de imágenes y gráficos vectorizados que podréis usar gratuitamente. Dentro del pack, podréis encontrar gráficos de diferentes formas, imágenes de personas, señalizadores, mapas del mundo e iconos minimalistas dentro de los cuales encontrarás representaciones de casi cualquier cosa que necesites mostrar en tus infografías.

Para descargarlo, podéis entrar en el artículo original clicando en el siguiente enlace.

Fuente | Artegami

Si eres diseñador gráfico sabrás lo importantes que son las texturas para tu trabajo y que una textura bien usada en un diseño puede hacerlo mucho más bonito y llamativo que si no la hubieras usado. Si eres diseñador principiantes, quizá aún no sepas lo importante que es tener una buena cantidad de imágenes de calidad para usar como texturas en tu clipart, pero poco a poco te irás dando cuenta.

Yo sí que sé lo importantes que son las texturas para los diseñadores, por eso, cuando he visto hace un momento este artículo, he decidido traéroslo aquí. Y es que los chicos de Smashing Apps han publicado un gran recopilatorio con 55 packs de texturas de calidad que podréis descargar para usar en vuestros diseños libremente.

Dentro de este gran recopilatorio, podemos encontrar texturas de piedras de diferentes formas, texturas de construcciones, hierba, madera, texturas de estilo grunge, cortezas de árboles, pinturas, tejidos, papel, metales oxidados, papeles florales y un largo etcétera.

Estoy segura que os va a encantar esta recopilación y os va a ser muy útil

Si hay algo en lo que os insisto en mis entradas es en que la optimización es clave, no es necesario transferir 200 Kb de datos si podemos pasar 100 Kb y para ello es indispensable tener las herramientas adecuadas.

En Windows una de ellas es PNGGauntlet, un optimizador de imágenes PNG que las reduce el máximo posible sin perder calidad, lo que nos da un beneficio en reducción del tiempo de carga de la web bastante interesante.

Combina el poder de PNGOut con OptiPNG y DeflOpt, haciendo un cóctel la mar de interesante. Os recomiendo probarlo.

Enlace | PNGGauntlet

Fuente | WebResourcesDepot

Freepik es un buscador de fotografías y vectores gratuitos que nos hará la vida más fácil a los diseñadores, periodistas, bloggers y todos los profesionales que usamos imágenes en nuestro trabajo diario.

Este buscador especializado en imágenes, busca en miles de páginas webs todos los días y ordena las imágenes gratuitas de mejor calidad que encuentra en toda la red para ofrecérnoslas cuando hagamos una búsqueda con él.

Yo hasta ahora usaba en la mayoría de ocasiones el buscador de imágenes de Google, pero en muchas ocasione este buscador ofrece imágenes con derechos de autor que no se pueden usar o en las que se debe nombrar al autor, aunque no nos lo avisa y si las usamos, estamos cometiendo un delito, sin saberlo que nos puede meter en un buen lío.

Con Freepik esto no nos debe pasar, en teoría, ya que sus algoritimos de búsqueda, según nos cuentan solamente ofrecen fotografías e imágenes vectorizadas gratuitas que sí podemos usar.

Fuente | Cofre Gráfico

Este es un punto importante, y es que las imágenes de un sitio web no son precisamente algo que tenga poca influencia para el SEO. Si bien los robots no “las ven”, intentan imaginárselas, y nosotros tenemos que ayudarles.

Vamos a dar cuatro pautas básicas para un correcto tratamiento de las imágenes en el SEO:

• Siempre ponerles un nombre significativo, por ejemplo: “balon-futbol.jpg” y no “image1.jpg”
• Usar la etiqueta alt=”XXX” para describir el contenido principal de la imagen
• Usar la etiqueta title=”YYY” para dar información adicional sobre la imagen que no nos entre en el alt. No es obligatoria.
• Las etiquetas Alt y Title no han de ser iguales, pero deben tratar de lo mismo.

Y un ejemplo para que me sigáis:

Ejemplo: <img title=”El balón oficial de la Liga de fútbol” src=”balon-liga.jpg” alt=”Balón del fútbol español” />

Muchas veces nos vamos a editores en forma de aplicación externa para modificar imágenes, pero para cosas más o menos sencillitas la realidad es que podemos usar el poder de Javascript y sus recursos.

La librería glfx.js nos permite modificar imágenes con los filtros que incorpora, lo cual nos permite por ejemplo cambiar el brillo, el color o la saturación entre otros muchos parámetros.

Cada filtro es configurable, así que es una librería con un potencial bastante notable.

Fuente | WebResourcesDepot

Enlace | glfx.js

No es sencillo hablar de revolución en cuanto a la compresión de imágenes, pero te aseguro que en toda mi vida no había visto compresiones sin aparente pérdida de calidad como las que ofrece JPEGMini.

De momento se trata de un servicio web que no ofrece API alguna para usar con otras apps, pero permite comprimir múltiples imágenes y descargar álbums enteros con solo registrarnos de manera gratuita.

De verdad lo digo: probadlo y me contáis. Me he quedado impresionado y estoy deseando que saquen una API para empezar a comprimir imágenes sin tener que recurrir a la web.

Enlace | JPEGmini