2008-09-23 148 views
16

Me gustaría obtener información sobre los iconos que se muestran junto a las URL del sitio en un navegador web. ¿Es esta una característica específica del navegador? ¿Dónde especificamos el origen del icono, es decir, está en alguna etiqueta en la página web?Icono de imagen al lado de la URL del sitio

+0

Ver http://stackoverflow.com/questions/37073/what-is-currently-the-best-way -to-get-a-favicon-to-display-in-all-browsers-that –

Respuesta

47

Estos iconos son llamados favicons

mayoría de los navegadores soportan http://mysite.com/favicon.ico pero la forma correcta de hacerlo es incluir una etiqueta meta icono en el perfil de la cabeza.

<head profile="http://www.w3.org/2005/10/profile"> 
<link rel="icon" 
     type="image/png" 
     href="/somewhere/myicon.png" /> 
[…] 
</head> 

Source from the W3C itself.

Su mejor apuesta es probable que tanto la misma imagen con el icono.

-3

Originalmente era un archivo de formato de icono de Windows, almacenado bajo la URL http://site/favicon.ico. La mayoría de los sitios aún usan favicon.ico, y muchos navegadores aún se ven automáticamente allí, independientemente de las metaetiquetas.

+0

No tiene nada que ver con Windows. –

+1

Por supuesto que sí, el favicon original fue implementado por Microsoft. El único formato compatible con versiones anteriores es el formato .ico de Windows. No solo eso, pero algunos navegadores ignoran las metaetiquetas y cargan el URL de todos modos. – Chris

+1

Originalmente era una característica de Internet Explorer, con el formato de icono de Windows como el único formato admitido. – Jim

0

Estos son favicons - más información en esa página.

Básicamente, archivos .ico en el directorio raíz en el servidor web.

9

creo que usted se refiere a la Favicon, que permite a un sitio web especifique una imagen de 16x16 (o más grande) que se muestra en la barra de direcciones junto a la URL en la mayoría de los navegadores modernos.

Algunos navegadores sólo debes elegir el archivo llamado favicon.ico que está en la raíz de la carpeta web, mientras que otros requieren que esté especificado en el <head> del HTML usando el siguiente código,

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

Este originalmente era la forma en que se hizo con IE, pero eso no se ajusta a los estándares (debido al espacio en rel), por lo que la mayoría de los navegadores ahora te permiten hacerlo de la siguiente manera, donde puedes usar cualquier formato de imagen estándar, no solo .ico

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

Voy a agregar que s Algunos sitios usan un Gif animado como favicon. Que se puede ver como über cool o supremamente molesto, dependiendo de tus gustos ... Y probablemente no sea compatible con todos los navegadores.

0

La forma más fácil de conseguir que la información es mediante esta sencilla aplicación web

link text

Sólo tiene que escribir la dirección URL de la página y devuelve todos los Características de la imagen

+1

Nice marketing – patricksweeney

0

Esto se llama favicon se puede ver en este tutorial utilizando favicon en el uso de asp.net LINK

Cuestiones relacionadas