Favicon

Qué es eso del favicon.ico?

Favicon (abreviatura del inglés 'favorites icon'), es un icono, es decir una imagen pequeña que aparece en algunos navegadores junto a la dirección de tu sitio web.

Para crear el favicon para tu web debes tener una imagen con las siguientes características

Imagen en amaño cuadrado ejemplo 60x60 pixeles

Formato de imagen .gif, .jpg, .png o .bmp

Utiliza la herramienta a continuación para generar el archivo “.ico”, el formato de tu archivo de salida debe ser “.ico”

Una vez generado tu favicon.ico lo descargas y guardas en tu computador y continuas con los pasos para instalar tu favicon.ico

Pasos para instalar tu favicon.ico

Una vez guardado tu archivo (favicon.ico), ingresamos al index de tu sitio web y agregamos la siguiente línea entre las etiquetas head

Ejemplo:

<head>.....

</head>

Subimos el archivo con el nombre “favicon.ico” al directorio donde está el index de tu sitio web, luego visitamos nuestro sitio web y listo, podemos verificar que ya sen encuentra activo nuestro favicon

En algunos casos se hace necesario limpiar el cache de navegación de tu navegador, o incluso reiniciar tu equipo.

Si tras realizar estos pasos tu favicon no es visualizado por favor contacta con el diseñador o administrador de tu sitio web para que te ayude con el inconveniente.

Si utilizas un CMS como WordPress, Joomla, Drupal o cualquier otro administrador de contenido basado en plantilla, puedes realizar una de las siguientes operaciones:

Pega el favicon.ico en el root de tu CMS, es decir en la misma carpeta donde se encuentra el archivo de procesamiento, el Index.php ó también puede colocarlo en el index.php del template o del thme utilizado en tu sitio web.