Cómo colocar un icono o logotipo en frente de una dirección Web

Un favicon, abreviatura de icono favorito, es una pequeña imagen personalizada que aparece a la izquierda de la dirección de un sitio web en un navegador Web. Favicons general cuentan con una empresa o el logotipo del sitio web y muchos sitios web utilizan iconos de favoritos para mantener la coherencia con la marca de la compañía. Esta imagen pequeña no sólo aparece en la barra de direcciones del navegador web, sino que también aparecen en la lista de marcadores de navegador y las pestañas del navegador. navegadores web descarga automáticamente faviconos de la página fuente HTML de una página web.

Instrucciones

1 Arranque el editor de fotos y abrir una imagen de su logotipo de empresa. Si usted no tiene un logotipo de la empresa, crear un nuevo proyecto de 64 por 64 píxeles de tamaño. Trate de crear un diseño sencillo con su esquema de sitios web de color, como las iniciales de su dirección de Internet. Por ejemplo, si su sitio web es "manzana roja," crear un favicon con las iniciales "RA", utilizando la paleta de colores de su sitio web y una fuente distinta.

2 Cambiar el tamaño de la imagen de 16 por 16 píxeles, que es el tamaño habitual favicon. Si la imagen parece borrosa, cambiar el tamaño de nuevo a 64 por 64 píxeles y utilizar las funciones de nitidez o la saturación de su editor de imágenes para añadir contraste a la imagen. Cambiar el tamaño de la imagen a 16 por 16 píxeles para poner a prueba el contraste iconos. Afilar o añadir más saturación según su preferencia, si es necesario.

3 Nombre de la imagen "favicon" y guardarlo en un formato de icono de Windows (ICO) con una extensión .ico.

4 Conecte al servidor de su sitio web y colocar el archivo favicon.ico en el directorio raíz de su sitio web, el mismo lugar donde su página de índice o el hogar reside. No coloque el favicon en los directorios o carpetas de imagen, ya que los navegadores web pasarán por alto el archivo.

5 Poner un enlace en la cabeza de su código fuente HTML en cada página debe aparecer el favicon utilizando el siguiente enlace de código: <link rel = href "icono de acceso" = "/ favicon.ico">. Algunos navegadores esperan un enlace directo a su favicon en el código fuente HTML como un puntero para detectar un favicon.

6 Sube todas las páginas con el favicon añadido y cargar su sitio web en su navegador para ver su favicon.

Consejos y advertencias

• Se puede utilizar un generador de favicon libre en línea para crear un favicon de una imagen existente si no tiene el software de edición de fotos.