ubiquitour.com

Cómo poner un icono en la barra de direcciones de mi web

Muchos sitios web muestra un gráfico pequeño dentro de la barra de URL, comúnmente una versión pequeña del logo del sitio web o de la mascota de la compañía. Estas pequeñas imágenes se refieren a menudo como "iconos", que es la abreviatura de "iconos de favoritos", y se hacen generalmente para hacer sitios web destacan más, especialmente cuando se ha marcado. Poner uno en su sitio de Internet no es muy difícil o requiere mucho tiempo, pero se trata de secciones de código del sitio web, por lo que se sugiere PRECAUCIÓN.

Instrucciones

1 Crear la imagen que desea mostrar en la barra de URL. Iconos se crean generalmente en tamaños de 16 por 16 pixeles, por lo que algo simple se recomienda. Muchos sitios Web utilice un acrónimo del nombre de su sitio, una letra pequeña sobre un fondo coloreado, o un simple gráfico de logotipo de su sitio. Estos iconos pueden crearse en cualquier cosa, desde Paint a Photoshop, así que no hay que preocuparse de tener el programa correcto.

2 Guarde el archivo como .jpg, .png, .gif o .bmp archivo. El archivo .png es generalmente preferido porque conserva su claridad manteniendo un tamaño de archivo pequeño. Guarde la imagen en el escritorio y asígnele el nombre "favicon". El nombre del archivo debe parecerse "favicon.png", sustituyendo cualquier extensión de archivo elegido para .png si es necesario.

3 Convertir el archivo en un formato ICO. Para ello puede utilizar una herramienta de conversión en línea gratis como convertico.com, donde puedes subir tu archivo de imagen y descargar el archivo .ico una vez que se ha convertido. Debería ver "favicon.ico" en su escritorio cuando haya terminado de descargar el archivo convertido.

4 Cargar el archivo .ico en su sitio de Internet. Para que sea fácil, subir en el directorio por defecto donde están el resto de tus páginas Web. Comprobaremos que el icono está yendo a "www.yoursite.com/favicon.ico" y reemplace yoursite.com con su propio URL. Si usted ve allí, la carga fue exitosa.

5 Editar sus páginas web y entre las etiquetas < head >, pegue el código siguiente:

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

Guarde su página, volver a subir si es necesario y actualizar su sitio de Internet. Su barra de direcciones ahora debe mostrar el favicon a la izquierda de la URL.

Consejos y advertencias

  • Favicons puede venir en una variedad de estilos y tamaños. Mientras que 16 por 16 es el más común, también hay tamaños de pixel de 32 por 32 y 64 por 64.
  • Muchos navegadores también soporte para imágenes animadas para favicons, así que si eres capaz de hacer imágenes animadas, estas pueden añadirse a la barra de URL.
  • Existe la posibilidad que no puede aparecer a la derecha de la barra del URL a tu favicon. Dar a su sitio de Internet algún tiempo para actualizar y reiniciar el navegador si es necesario.