Definición
La forma original de definir un favicon era poniendo un archivo llamado favicon.ico en el directorio raíz del servidor web, el cual era mostrado automáticamente en los favoritos de Internet Explorer. Después, sin embargo, se creó un sistema más flexible, usando HTML para indicar la localización de un icono para cada página servida, el cual es identificado añadiendo dos elementos link en la sección <head> del documento como se detalla abajo. De esta manera, cualquier imagen de un tamaño apropiado (16×16 pixels o más) puede ser usada, 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 muchas entradas en el registro del servidor, y cargando innecesariamente su disco, la CPU y la red. Esto puede molestar 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.
Ejemplo del favicon de Wikipedia (XHTML)
<link rel="shortcut icon" href="http://www.wikipedia.org/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" />
Variaciones de uso
No hay comentarios:
Publicar un comentario