Tecnología

Inicio

Cómo poner un icono en la barra de direcciones de Mi Página Web

August 26

Muchos sitios web muestran un pequeño gráfico en el interior de la barra de URL, normalmente una pequeña versión del logotipo de la página web o de la mascota de la compañía. Estas pequeñas imágenes se refieren a menudo como "favicons", que es la abreviatura de "iconos favoritos," y por lo general se hacen para hacer sitios web se destacan más, sobre todo cuando está marcada. Poner uno en su sitio web no es muy difícil o requiere mucho tiempo, pero se trata de secciones de código de la página web, por lo que se sugiere precaución.

Instrucciones

1 Crear la imagen que desea que aparezcan en la barra de URL. Favicons se crean generalmente en tamaños de 16 x 16 píxeles, por lo que se recomienda algo sencillo. Muchos sitios web utilizar un acrónimo del nombre de su sitio, una pequeña carta sobre un fondo de color, o un simple gráfico del logotipo de su sitio. Estos iconos se pueden crear en cualquier cosa, desde la pintura a Photoshop, así que no hay necesidad de preocuparse de tener el programa adecuado.

2 Guarde el archivo como un archivo .jpg, .png, .gif o .bmp. El archivo .png normalmente se prefiere, ya que mantiene su claridad, manteniendo un tamaño de archivo pequeño. Guarda la imagen en el escritorio, y el nombre de "favicon". El nombre del archivo debe ser similar "favicon.png," la sustitución de cualquiera que sea la extensión de archivo que ha elegido para .png si es necesario.

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

4 Sube el archivo .ico a su sitio web. Para hacerlo más fácil, cargarlo en el directorio predeterminado donde el resto de sus páginas web son. Verifique que el icono está ahí, vaya a "www.yoursite.com/favicon.ico" y reemplazar yoursite.com con su propia URL. Si lo ves allí, la carga se ha realizado con éxito.

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

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

Guarde la página, volver a subir si es necesario, y actualizar su sitio web. Su barra de URL debería mostrar ahora su favicon a la izquierda de la URL.

Consejos y advertencias

  • Favicons pueden venir en una variedad de estilos y tamaños. Mientras que 16 por 16 es el más común, también hay 32-by-32 y 64-por-64 tamaños de pixel.
  • Muchos navegadores también soportan imágenes animadas de iconos de favoritos, así que si usted es capaz de tomar imágenes animadas, éstos se pueden añadir a la barra de URL.
  • Existe la posibilidad de que su favicon no puede aparecer en la barra de URL de forma inmediata. Darle a su sitio web un cierto tiempo para actualizar y reiniciar el navegador si es necesario.