Imagen icono al lado de la dirección URL del sitio

StackOverflow https://stackoverflow.com/questions/120420

  •  02-07-2019
  •  | 
  •  

Pregunta

Me gustaría tener información acerca de los iconos que se muestran junto a las direcciones Url de sitio en un navegador web.¿Se trata de algún navegador característica específica?De donde podemos especificar el icono de fuente, es decir, es en alguna etiqueta en la propia página web ?

¿Fue útil?

Solución

Estos iconos son llamados favicons

La mayoría de los navegadores web de soporte http://mysite.com/favicon.ico pero la forma correcta de hacerlo es incluir un icono de la etiqueta meta en la cabeza de perfil.

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

Fuente de la W3C en sí.

Su mejor apuesta es, probablemente, hacer ambas cosas con el mismo icono de la imagen.

Otros consejos

Creo que se está refiriendo a la Favicon, que permite a un sitio web para especificar un 16x16 (o más) de la imagen que se muestra en la barra de direcciones junto a la URL en la mayoría de los navegadores modernos.

Algunos navegadores simplemente escoja el archivo llamado favicon.ico que está en la raíz de la carpeta web, mientras que otros requieren que se especifica en el <head> el HTML con el siguiente código

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

Este fue originalmente la forma en que fue hecho con el IE, pero que no se ajustan a las normas (porque el espacio en el rel), por lo que la mayoría de los navegadores, ahora puedes hacerlo de la siguiente manera, donde se puede utilizar cualquier formato de imagen estándar, no sólo .ico

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

Estos son favicons - más info en la página.

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

Sólo añadiré que algunos sitios utilizan un Gif animado como favicon.Que puede ser visto como über cool o sumamente molesto, dependiendo de tus gustos...Y probablemente no es soportado por todos los navegadores.

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

enlace de texto

Solo tienes que escribir la url de la página y devuelve todas las propiedades de la imagen

Son favicons.El aspecto de los exploradores en / en un servidor para su favicon.ico

Esto se llama favicon usted puede ver en este tutorial con el favicon en asp.net aplicación ENLACE

Originalmente fue un icono de windows formato de archivo almacenado en la dirección URL http://site/favicon.ico.La mayoría de los sitios que todavía uso favicon.ico, y muchos navegadores automáticamente mira allí, independientemente de las etiquetas meta.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top