Generar un favicon para nuestra web

Hola a todos, hoy os voy a explicar como podemos generar un favicon para nuestra web.

Un favicon es un icono que vemos al entrar en la página al lado del titulo de la pestaña.

Es una imagen con extensión .ico, normalmente la resolución son de 16×16 o 32×32.

Para generar un favicon, hay muchas páginas web que nos permiten generar nuestro favicon. Yo os recomiendo esta web.

Arrastramos o elegimos la imagen que queremos como favicon.

Pulsamos descargar y nos descargará un zip con el favicon en diferentes resoluciones, os recomiendo usar el de 32×32.

Para agregarlo en nuestro HTML, lo insertaremos en la cabecera de nuestro documento HTML.

<link rel="icon" href="url de nuestro favicon" sizes="32x32">

Puedes poner varios favicon con diferentes rel para diferentes plataformas como los IOS, android o diferentes navegadores.

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.