Tecnología

Inicio

Cómo cambiar el icono en la barra de direcciones

May 20

El pequeño icono junto a la dirección Web en el campo URL de un navegador se conoce como un "favicon". Un favicon es por lo general un logotipo u otra imagen relacionada, que representa el sitio web. Un diseñador de páginas web, o cualquier persona que tenga mantiene el código del sitio web, puede insertar un favicon. Una imagen de icono favicon debe tener el formato de un archivo ICO y de no más de 16 píxeles por 16. Para obtener los mejores resultados, la imagen que se utiliza debe ser de 32 por 32 píxeles de tamaño y se guarda como un archivo PNG. Un código también se debe insertar en la página web para que el favicon se mostrará en el navegador del usuario.

Instrucciones

Convertir archivos a formato ICO

1 Cambiar el formato de la imagen con el Kit de HTML. Pulse el botón "Seleccionar archivo" para seleccionar un archivo en el disco duro. Presione el botón "Generar favicon.ico" y la imagen será convertida a formato ICO. Guarde el archivo en la carpeta correspondiente en el disco duro.

2 Cambiar el formato de la imagen con Favicon.ico generador. Pulse el botón "Importar imagen" y pulsa el botón "Seleccionar archivo". Seleccione la imagen en el disco duro y pulse "Abrir". Seleccione si desea mantener intactas las dimensiones o hacer el favicon un cuadrado perfecto. Pulse el botón "Subir". Haga clic en "Descargar favicon" y guardar el archivo en la carpeta correspondiente en el disco duro.

3 Cambiar el formato de la imagen con el generador FavIcon de Dynamic Drive. Seleccione el botón "Elegir archivo" y seleccione la imagen en el disco duro. Pulse el botón "Crear icono" y la imagen tendrá un nuevo formato.

Añadir al sitio de Internet Código Favicon

4 Sube la imagen favicon en el directorio raíz del sitio web. El directorio raíz es la carpeta que contiene también el archivo index.html, o página principal, del sitio.

5 Abrir el código de la página Web en una página Web o un editor de texto como Bloc de notas o WordPad.

6 Inserte el siguiente código en la sección "cabeza", que es designado por el código, <head> </ head>, de la página:

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

Asegúrese de que la imagen que se utiliza como un favicon es en realidad el nombre "favicon.ico", y no un nombre único.

7 Guarde el archivo y subirlo al servidor.

Consejos y advertencias

  • Para el favicon para mostrar para cada página web, el código debe ser añadido a cada página individual.