Un favicon es un icono con el cual se representa una página web. Esta imagen se muestra en distintos apartados del navegador como en las pestañas abiertas, favoritos, barra de direcciones o accesos directos.¿Te has preguntado alguna vez cómo crear un favicon para tu web? A continuación te damos las claves.

¿Qué es un favicon?

Técnicamente un favicon no es más que una imagen de 16×16 píxeles, en formato ICO. Ahora bien, la mayoría de los navegadores amplían el abanico de opciones, soportando otros formatos como PNG o incluso GIF animado.

Dominio por Marca

Dicho concepto es utilizado por grandes marcas y por aquellas empresas que cuentan con una trayectoria profesional. Si tus clientes te conocen, será más fácil que te encuentren en Internet a través de la búsqueda de tu dominio por el nombre de la marca que no por una palabra clave.

El tamaño también es relativo. La mayoría del tiempo se mostrará el icono de 16×16 píxeles (realmente pequeño) pero, si la imagen es mayor, será útil en casos aislados como en los accesos directos a páginas web.

¿Qué formato es mejor?

La información anterior quizá te haya confundido. GIF, PNG, ICO… ¿Cuál es mejor? La verdad es que cada uno de ellos tiene su peculiaridad:

ICO: Es el formato más estándar: funcionará en todos los navegadores. Además, permite incluir en un único archivo varias versiones con distintos tamaños: 16×16, 32×32, 64×64…

GIF: Puede ser animado y tener transparencia, pero 256 colores como máximo y no se verá correctamente en la mayoría de los navegadores.

PNG: Con él tendrás mejor calidad y canal alpha para transparencia

En cualquier caso, elegir un formato no implica renunciar al resto. Es imprescindible disponer del formato ICO, pues es el más extendido. Ahora bien, esto no impide que también tengas otra versión en formato PNG, que se verá mejor en otros navegadores.

En cuanto al tamaño, es recomendable basar el diseño en un tamaño superior a 16×16, como 64×64. Más tarde, siempre podrás redimensionarlo para comprobar que sigue siendo entendible, y podrás ofrecer a tus visitantes una alternativa a mayor resolución.