¿Cómo crear iconos para la pestaña de nuestros sitio web?

Hace poco tuve que hacer un icono para una aplicación y casi me saco los ojos, pero bueno, me di cuenta que no era como hacer el icono para los sitios web.

Para quienes no lo han hecho es necesario que nuestros sitios tengan un icono visible en la pestaña de los navegadores ya que esto les da categoría.

3 pasos para hacer un icono para nuestro sitio en internet (visible en la pestaña)

1. Diseña tu icono, debemos tener presente que el tamaño es muy pequeño 16 x 16 pixeles, entonces no lo carguemos, entre mas sencillo mejor. La imagen fuente puede ser de 30 x 30px y la puedes diseñar en fireworks, photoshop o el soft de edición de imágenes que te guste y generas un png (fondo transparente) o jpg .
2. Ingresas a http://www.favicon.cc/ importas la imagen que hiciste en los pasos anteriores y descargas el .ico que colocaras en el codigo del sitio.
3. Hasta este punto tienes tu ico ahora lo colocaras en tu sitio segun corresponda: 
• si tienes tu sitio en html puro debes pegar este codigo y colocar  
• Si tu pagina esta en wordpress u otro cms solo debes buscar el item para subirlo.