Tecnología

Inicio

Cómo mostrar los iconos en la barra de direcciones en Apache

March 26

Cómo mostrar los iconos en la barra de direcciones en Apache


En la mayoría de los navegadores de Internet modernos, los usuarios son capaces de ver un pequeño icono en la esquina izquierda de la barra de direcciones que ayuda a la marca de la página web que está viendo. Este icono se personaliza en el código de la propia página web. En la mayoría de los casos, si el sitio en sí no especifica lo que se supone que el icono de estar, un icono genérico mostrará. Personalización y mostrando un icono es un proceso sencillo y simple que cualquier diseñador web competente puede lograr fácilmente.

Instrucciones

Creación del archivo de icono

1 Cree el archivo de imagen utilizando el software de edición de imágenes capaz de guardar un archivo ICO.

2 Ajuste el tamaño de la imagen para ser o píxeles de 16 por 16 o 32-by-32 píxeles. El archivo más grande escalará hacia abajo cuando se muestra en la barra de direcciones.

3 Ajuste de profundidad de color de la imagen para utilizar una paleta de 256 colores.

4 Crear su imagen y guardar el producto terminado como "favicon.ico".

Transferir el archivo a su sitio web

5 Conectarse a su servidor Web utilizando su método de inicio de sesión tradicional.

6 Transferir el archivo favicon.ico en el directorio raíz del sitio web para el que fue creado.

7 Conecte a su sitio web utilizando su navegador web preferido y compruebe el icono de la barra de direcciones está mostrando a su satisfacción.

Consejos y advertencias

  • La forma más sencilla de mostrar el icono es colocar el favicon.ico en el directorio raíz del sitio web. Los navegadores modernos permiten otros tipos de archivo y ubicaciones de archivos alternativos. Estos métodos requieren la adición de código en sus archivos HTML para que funcione correctamente.
  • Para utilizar otros tipos de archivos o ubicaciones de archivos para su icono de la barra de direcciones, el siguiente código debe estar contenido en la sección <head> de sus páginas web:
  • <Link rel = "icono de acceso directo" type = "image / x-icon" href = "/ images / favicon.ico" />
  • Si está utilizando un tipo de archivo diferente, cambiar el tipo y el nombre de archivo en el código:
  • <Link rel = "icono de acceso directo" type = "image / gif" href = "/ images / mimagen.gif" />
  • No todos los navegadores son compatibles con los tipos de archivos alternativos para el icono de la barra de direcciones.