Etiquetas HTML de favicon
Genere un fragmento <head> limpio y correcto para sus archivos favicon. Establezca la ruta de su carpeta, luego copie y pegue.
Camino y opciones
Haga coincidir el fragmento con el lugar donde se implementan sus archivos
Ejemplo: /favicons. Usar / o déjelo en blanco para la raíz del sitio.
URL de ejemplo: /favicons/favicon-32.png
Tu fragmento
Copie, pegue, implemente y luego verifique.
<link rel="icon" type="image/x-icon" href="/favicons/favicon.ico"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="manifest" href="/favicons/site.webmanifest">
como usarlo
1) Coloque sus archivos en la carpeta que eligió (por ejemplo /favicons).
2) Pegue el fragmento en el archivo de su sitio. <head>.
3) Implementar y luego ejecutar el Verificador de favicon para confirmar las URL devuelven 200.
Preguntas frecuentes
¿Subes algo?
No. Esta herramienta sólo genera texto en su navegador; no hay cargas.
¿Qué debo poner en el campo de ruta de la carpeta?
Utilice la ruta URL pública donde se sirven sus archivos favicon. Ejemplo: /favicons. Utilice / (o déjelo en blanco) para la raíz del sitio.
¿Qué archivos necesito realmente?
Para una cobertura sólida: favicon.ico, favicon-16.png, favicon-32.png, apple-touch-icon.png y site.webmanifest.
¿Cómo verifico que funciona?
Pegue el fragmento, impleméntelo y luego ejecute el Verificador de favicon en su URL en vivo.