Tecnología

Inicio

Cómo mostrar un logotipo Web en la barra de direcciones

June 20

Cómo mostrar un logotipo Web en la barra de direcciones


Cuando usted visita un sitio web, es posible que aparezca un pequeño logotipo en la barra de direcciones del navegador. Los desarrolladores web llaman a este logo sea un "favicon". Si agrega una página que tiene un favicon, su imagen aparecerá en los marcadores y en las pestañas del navegador. Favicons permiten a los usuarios identificar sitios web de forma rápida. Se puede crear un logotipo favicon su sitio web utilizando un editor de gráficos. Sin embargo, a menudo es más rápido para hacer una línea usando un generador de favicon.

Instrucciones

1 Visitar uno de los sitios web generador de favicon enumeradas en Recursos.

2 Cargar un archivo de imagen de acuerdo con las instrucciones del sitio web. El sitio será convertir la imagen en un favicon y le pedirá que lo descargue.

3 Descargar el archivo y guardarlo en una carpeta en su disco duro. El archivo tendrá una extensión de Ico.

4 Abra su página web en el Bloc de notas o un editor HTML.

5 Agregue la siguiente línea de código después de la etiqueta <head> del documento:

<Link rel = "icono de acceso directo" type = "image / x-icon" href = "xyz.ico">

Reemplazar "xyz.ico" con el nombre de la ruta completa del archivo favicon que ha descargado. Por ejemplo, si guarda el archivo en "C: \ images \ clouds.ico", hacer que el código como el siguiente:

<Link rel = "icono de acceso directo" type = "image / x-icon" href = "C: \ images \ clouds.ico">

6 Guarde el archivo HTML y abrirlo en su navegador. Verá el logotipo de favicon en la barra de direcciones.

Consejos y advertencias

  • También puede utilizar los logotipos que se encuentran en línea sin necesidad de descargarlos. Si conoces la URL de un favicon, el uso que en el <link> comunicado. En el siguiente ejemplo, el enlace apunta a un favicon flor almacenan en un sitio hipotético llamado "http://www.xyz.com."
  • <Link rel = "icono de acceso directo" type = "image / x-icon" href = "http://www.xyz.com/favicon.ico">
  • faviconos sitio web debe ser de 16 píxeles de ancho y 16 píxeles de alto. Si usted visita un sitio generador de favicon que le proporciona una selección de tamaños de archivo de imagen, elija el formato de 16 por 16.