Un favicon es el icono que muestran los navegadores en el titulo de tu web. Es un elemento estético que es útil para que la gente asocie tu web a una imagen o icono de una manera rápida. En pocos minutos podrás tener un favicon en tu web siguiendo estos sencillos pasos.
Para hacer un favicon para nuestra web primero tenemos que decidir que imagen vamos a mostrar, partiendo de la base que tendrá un tamaño final de 16x16 y debe estar en formato 'ico'. Podemos pensar que el hecho de que tenga que estar en formato ico puede ser un problema ya que no siempre disponemos de un programa que trabaje los formatos de icono, pero internet nos brinda soluciones para crear nuestros iconos sin necesidad de más programas.
Una vez tenemos la imagen en el formato y tamaño correcto podemos ir a http://tools.dynamicdrive.com/favicon que es una herramienta de conversion de imagenes a iconos online y subir nuestra imagen para que en unos instantes nos devuelva la misma imagen pero en formato ico lista para ponerla en nuestra web.
Otra opcion es ir a http://www.favicon.cc que es otra herramienta online de creación de iconos y favicons, con la particularidad de que en esta podemos crear nuestro icono directamente en la web con su panel de seleccion de colores.
Ahora ya solo queda indicar en la cabecera de nuestro html donde se encuentra el favicon para que lo muestre en el titulo y la barra de dirección del navegador. El código es :
En la anterior linea de codigo hemos supuesto que el icono se encuentra en una carpeta llamada images en la raíz del sitio web, si no es así tendremos que modificar esta ruta absoluta por la que corresponda.
No hay comentarios:
Publicar un comentario