¿Icono personalizado junto a la dirección URL en la barra de direcciones del navegador?

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

  •  08-06-2019
  •  | 
  •  

Pregunta

¿Cómo codifico para que aparezca el ícono de una empresa en el lado izquierdo junto a la dirección URL en la barra de direcciones del navegador?

¿Fue útil?

Solución

Estas buscando un favicon.

Otros consejos

carga www.whateveryouron.com/favicon.ico

Si su dominio es robermyers.com, simplemente coloque un ícono favicon.ico de 16 px que sea accesible y estará listo.solo prueba esto googles o desbordamientos de pila

Necesitas crear un favicon.El favicon utiliza un archivo .ico estándar (al menos en Windows).Si tiene un logotipo, puede convertirlo en sitios como http://www.favicongenerator.com/

En el <head> de su página html, utilice el <link> etiqueta para definir la ubicación del favicon de esta manera:

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

Es posible que tengas que actualizar la página para que aparezca el icono.

cargar un archivo en el servidor web llamado favicon.ico

En los navegadores modernos, también funcionan otros formatos de archivo además de .ico.¡Incluso puedes poner gifs animados allí!

DynamicDrive también tiene un creador de favicon sencillo.

Diferentes páginas/directorios también pueden llamar a un .ico diferente con un código similar al ejemplo de y0mbo (esto es lo que usa Mint):

<link href="sc/ph645.43/images/icons/mint.ico" rel="icon" type="text/x-icon" />

Este Es un buen artículo sobre favicons en detalle.

Sospecho que los favicons animados tienen el potencial de seguir el camino de la etiqueta parpadeante. menta está usando el suyo para que coincida con su diseño general, si visita FF3, verá que coincide con el color verde que FF usa para designar un certificado SSL reconocido.

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