4 reglas para crear un Favicon genial

favicon
  1. ¿Qué son los favicons?
  2. 4 reglas principales para crearlos
  3. Qué formatos y tamaños son necesarios
  4. Cómo crear un favicon
  5. Cómo agregar el favicon en su sitio web
  6. Resumen

Cuando su sitio web está listo, la guinda del pastel es un Favicon.

¿Qué son los Favicons?

Un favicon (abreviatura de “icono favorito”) es un ícono asociado con un sitio web o página web destinado a ser usado cuando usted marca la página web. Los navegadores web los usan en la barra de URL, en las pestañas y en otros lugares para identificar visualmente un sitio web. Además, se utiliza como un icono de aplicación de dispositivos móviles.

favicon

4 reglas principales para crearlos

Entonces, hemos descubierto qué es un favicon y dónde se usan. Veamos cómo debería verse un buen favicon:

  1. Obviamente, un favicon es una tarjeta de visita, por lo que debe adaptarse bien al estilo del sitio.

Es mejor usar una gama de colores y elementos de diseño del sitio o logotipo correspondiente durante el proceso de creación de un favicón.

El Favicon debe estar asociado con el sitio. Es la función principal de un favicon.

  1. No intente colocar una imagen completa en el favicon. Es suficiente usar uno o dos elementos reconocibles.

favicon

  1. Puede dibujar un pictograma de la especialidad del sitio en el favicon. Por ejemplo, un teléfono para una tienda que vende teléfonos. Sin embargo, debe tener en cuenta que este ícono debe describir completamente el sitio. De modo que el favicon con maquina lavadora podría no ser la mejor opción para la tienda de artículos para el hogar si también venden aspiradoras.
  2. Es genial si puede hacer un favicon que podría ser fácilmente memorizado por los usuarios. Puede usar imágenes que sean familiares para los usuarios para tener éxito en esto.

Continuar leyendo…

Piecon. Progreso de carga en tu favicon

Recuerdo tiempo atrás, cuando el auge de los sitios en flash estaba en su explendor, toda web desarrollada con con esa tecnología era candidata a llevar su barra de progreso. Por un lado porque inicialmente eran algo pesados, pero luego pasó a ser una forma de sorprender creativamente en la espera.

Hoy en día ya poco queda de esa tendencia de diseñar en flash pero hay cosas que siguen siendo necesarias en algunos casos.

Piecon sirve para informar al usuario sobre la carga del sitio, mostrando un porcentaje de progreso y un gráfico de torta animado en reemplazo de su favicon.

Piecon funciona por el momento sin problemas en los siguientes exploradores:

  • Chrome 15+
  • Firefox 9+
  • Opera 11+

Demo | Piecon