¿No se muestra el favicon? Verifique los archivos, enlaces y caché

Elija un ícono que funcione en un tamaño pequeño

Utilice un símbolo cuadrado simple en lugar de una fotografía detallada o una marca denominativa larga. Inspeccione la vista previa de 16 píxeles en Favicon Generator. El ZIP incluye íconos ICO, PNG de varios tamaños, un manifiesto web y un ejemplo de HTML. Primero convierta un SVG compatible a PNG si su fuente es un archivo vectorial.

Sube los archivos y confirma sus direcciones.

Extraiga el ZIP y cargue los archivos de iconos elegidos en su propio sitio web. Abra cada URL de icono deseada en un navegador y confirme que devuelve la imagen en lugar de una página de inicio de sesión, una pantalla de archivos faltantes o un documento HTML. Utilice el ejemplo HTML como punto de partida y ajuste las rutas a la ubicación de carga real. Generar un manifiesto por sí solo no convierte un sitio en una aplicación instalable.

Utilice la configuración de íconos de su plataforma cuando esté disponible

Es posible que un creador de temas o sitios web ya administre el marcado de íconos. Establezca el ícono allí en lugar de agregar varias etiquetas competitivas. En una página personalizada, inspeccione el encabezado representado y verifique qué URL de rel="icon" y de icono táctil de Apple declara. Un archivo correcto en el servidor no ayudará si la página apunta a una ruta diferente.

Distinguir retrasos en la caché de errores de instalación

Después de cambiar el ícono, borre el sitio o la caché CDN y pruebe una nueva sesión del navegador. Un navegador puede conservar un ícono antiguo incluso después de que se recarga la página. Los resultados de búsqueda obtienen y muestran íconos de forma independiente, por lo que una pestaña correcta del navegador no promete una actualización inmediata de los resultados de la búsqueda. Evite generar nuevos íconos repetidamente mientras la causa real sea una URL rota o un caché de página obsoleto.

Continue with a related tool