Referencia de etiquetas HTML para enlaces de favicon
Garantiza una compatibilidad perfecta con iconos en todos los navegadores pegando elementos de marcado de enlace estándar que cumplan con los estándares.
Plantilla HTML completa para el encabezado del favicon
Pega los siguientes elementos de enlace dentro del bloque <head> de todas tus páginas HTML:
<!-- Alternativa clásica para navegadores antiguos -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- Imágenes PNG de alta resolución para navegadores web modernos -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- Pantallas de inicio para dispositivos Apple iOS -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- Configuración para Android / Aplicaciones Web Progresivas -->
<link rel="manifest" href="/site.webmanifest">