Cómo crear un favicon para tu sitio web
Un favicon es el pequeño icono de la pestaña del navegador. Hace que tu sitio parezca profesional y sea más fácil de encontrar entre muchas pestañas. Así se crea uno correctamente.
Empieza con la imagen de origen adecuada
Usa una imagen cuadrada de al menos 512 × 512 píxeles, o un SVG. Elige una forma sencilla o una sola letra. El detalle fino desaparece a 16 × 16 píxeles, que es el tamaño que se muestra en la mayoría de las pestañas del navegador.
¿Qué archivos necesitas?
Una configuración moderna necesita favicon.ico (16, 32 y 48 píxeles dentro de un mismo archivo), un PNG de 32 × 32, un apple-touch-icon.png de 180 × 180 píxeles para iPhone y iPad, y PNG de 192 y 512 píxeles para Android y aplicaciones web instalables.
El Generador de favicons de este sitio crea todos a partir de una sola imagen y te da el HTML para pegar.
Instálalo
Sube los archivos a la carpeta raíz de tu sitio web, de modo que /favicon.ico funcione, y pega las etiquetas link en el head de cada página. Muchos creadores de sitios web tienen un campo de favicon en los ajustes, así que solo tienes que subir una imagen allí.
¿Por qué no aparece mi nuevo favicon?
Los navegadores almacenan en caché los favicons de forma agresiva. Abre el sitio en una ventana privada, o añade una versión a la URL, como /favicon.ico?v=2, y actualiza varias veces. Los buscadores pueden tardar días o semanas en detectar un icono nuevo.