Favicon: tenga el icono de su sitio en la barra de direcciones

Ciertos sitios web tienen un icono a la izquierda de la URL en la barra de direcciones del navegador de Internet. Hay varios métodos disponibles para crear un icono o un icono para un sitio web que se puede mostrar en la barra de direcciones. Se puede utilizar un software de dibujo como Gimp, Pixia o un software especializado como IconEdit32 o IconWare para crear un favicon . Hay sitios web que se pueden utilizar para transformar un favicon de imagen. Algunos sitios web permiten a los webmasters generar un archivo ICO y animar el favicon . La etiqueta de enlace se usa para indicar la ruta del favicon y ponerla en línea para que los visitantes del sitio web puedan ver el icono en la barra de direcciones.

• Creando un favicon
  • Para la mayoría de los navegadores:
  • Para Internet Explorer:
• Para crear un favicon animado o generar un archivo ICO
• Poniendo favicon en linea
• Notas

Probablemente haya notado la presencia de un icono a la izquierda de la URL en la barra de direcciones de su navegador cuando accede a ciertos sitios web.

Para implementar este tipo de icono en su propio sitio web, siga los pasos a continuación.

Creando un favicon

Hay varios métodos:

• Software de dibujo (Gimp, pixia, inkscape ...)
• Software especializado (IconEdit32 o IconWare)
• Sitios web (que transforman un favicon de imagen):
  • //www.html-kit.com/favicon/
  • //www.html-kit.com/favicon
  • //www.favicon.co.uk/
  • //www.favicon.hu/
  • //tools.dynamicdrive.com/favicon/
  • //favikon.com/

Para la mayoría de los navegadores:

El primer paso es crear una imagen en png o gif.

Puede elegir entre varios tamaños, 16x16 o 32x32 (píxeles).

Para Internet Explorer:

Para este navegador, use una imagen o un archivo .ico (renombrado como bmp) de tamaño 16x16 píxeles.

Para crear un favicon animado o generar un archivo ICO

//www.html-kit.com/favicon/

• El enlace anterior le permitirá no solo generar un archivo ICO fácilmente, sino también animar su favicon y desplazar el texto si lo desea.
• Haga clic en el botón Examinar y elija una imagen en su computadora.
• También puede agregar texto para desplazarse después de su icono; genera automáticamente un icono animado.
• Finalmente, también es posible generar un ícono animado sin texto, al marcar el Favicon animado (el mismo favicon que parece desplazarse).
• Luego haga clic en el botón Generar Favicon.ico
• A continuación, tendrá una visión general de su favicon.
• Luego simplemente descarga el archivo comprimido en tu computadora.
• Después de descomprimir el archivo, copie el archivo favicon.ico en su sitio.
• Si ha descargado un icono animado, el archivo ZIP también contendrá el archivo Extra que contiene favicon animado (animated_favion1.gif) y luego lo copia en su sitio.

Poniendo favicon en linea

• Para poner el favicon en su sitio, indique su ruta a través de las etiquetas de enlace que se encuentran en el encabezado.
• Aquí hay un ejemplo con una imagen png:

• Dependiendo del formato, el atributo "tipo" cambiará:

Png: imagen / png

Formato gif: imagen / gif

Formato jpeg (jpeg o extensión jpg): imagen / jpeg

• Y si tiene un favicon que no cumple con los estándares, el atributo "rel" también cambia:

 link rel = "icono de acceso directo" type = "image / x-icon" href = "/ images / icon_ie.ico" /> 

• Si su icono está animado (GIF, inserte la siguiente etiqueta:

Notas