Favicon


Que es un favicon?

Un favicon, viene de la palabra inglesa "favorites icon" (o icono de favoritos), viene a ser como el icono que representa una página, es una pequeña imagen asociada con una página web.

Los navegadores muestran el favicon de la página cuando la visitas, si ésta tiene, sino muestra uno estantard, en la barra de direcciones y en el encabezado de la pestaña correspondiente.

Estos se utilizan para identificar más fácilmente las páginas, como su imagen, presentándolos junto a sus títulos, en los favoritos, en los historiales de páginas vitas y de navegación reciente, y cada vez que hagamos referencia a ellas.


Uso

La forma primare de usar un favicon era poniendo un archivo llamado favicon.ico en la raiz del server web, entonces se mostrava automáticamente en los favoritos de Internet Explorer.

Mas tarde, se cambió el método, usando HTML para indicar la donde estaba el icono para cada página, el cual es llamado añadiendo dos elementos link en la sección <head> del documento como mostraremos al final. Así, cualquier imagen de un tamaño de (16x16 pixels o más) seria válida, y aunque todavía muchos usan el formato .ICO, otros navegadores ahora también soportan los formatos de imagen animada GIF y PNG.

Problemas

Los navegadores modernos implementan los dos métodos de definición arriba descritos. Debido a esto, los servidores web reciben muchas peticiones por el archivo favicon.ico, incluso cuando este no existe, creando demasiadas entradas en el registro del servidor (log), y cargando de mas su disco, la CPU y la red.
Esto genera molestias a los administradores de servidores web.

Originalmente, Internet Explorer 6.0 sólo usó favicons para su lista de favoritos, lo cual creó una preocupación de poca importancia en que el dueño del sitio podría estimar cuánta gente añadió su sitio a favoritos comprobando los registros de acceso para ver cuántos visitantes descargaron el archivo favicon.ico. Sin embargo, desde que la versión de Internet Explorer 7.0 y muchos otros navegadores, también muestran el favicon en la barra de direcciones en todas las visitas, se está convirtiendo en un problema a debatir.

Otro problema comón es que los favicons pueden desaparecer si se borra la cache del navegador.

Modo de uso

<link rel="shortcut icon" href="http://www.otae.com/favicon.ico" />

<link rel="icon" href="favicon.ico" type="image/x-icon" />

Dependiendo del formato, el atributo .type. cambiará:

Formato png: image/png
Formato gif: image/gif
Formato jpeg (extension jpg o jpeg): image/jpeg

<link rel="shortcut icon" href="favicon.png" type="image/png" />

Links utils para generar favicons

http://www.favicon.cc/
http://www.favicon.co.uk/
http://favicon.htmlkit.com/favicon/


www.otae.com/favicon 2013
Last Modified: Fri, 06 May 2013 10:39:54 GMT