El favicon no apareix o no s'actualitza

Escrit per

Quan falta un favicon, el problema no sempre és el fitxer. El navegador, una CDN, un service worker i un cercador poden conservar cadascun una versió diferent. Un diagnòstic ordenat evita canviar diverses variables alhora.

Lupa que inspecciona les diferents capes de càrrega d'un favicon
Cal comprovar per separat l'URL, l'HTML, les memòries cau i el rastreig.

Comença per la petició del fitxer

Obre l'URL exacte al qual apunta l'element link. Ha de respondre sense autenticació, amb el contingut correcte i sense una cadena de redireccions innecessària. Una pàgina d'error HTML anomenada favicon.ico no es pot descodificar com a icona.

Al tauler de xarxa, filtra per icon o favicon. Anota l'URL final, l'estat, el tipus de contingut i si la resposta venia de la memòria cau.

Ordre de diagnòstic d'un favicon
ComprovacióResultat esperatSolució
URL directeResposta 200 amb imatgeCorregeix el camí o el desplegament
Element linkPresent al headCorregeix l'HTML generat
Memòria cauS'ha rebut la resposta novaBuida-la i torna a provar
Accés de rastreigEl fitxer és accessibleElimina el bloqueig

Comprova l'HTML que realment es genera

Inspecciona el document produït, no només la plantilla d'origen. Una extensió, un tema o un component pot injectar un segon element d'icona després del teu i fer que el navegador triï un altre fitxer.

Comprova els camins des d'una pàgina profundament imbricada i les majúscules i minúscules exactes del nom del fitxer. En un servidor que les distingeix, Favicon.svg i favicon.svg són recursos diferents.

Aïlla cada capa de memòria cau

Primer prova amb un perfil nou o amb la memòria cau de xarxa desactivada. Si la imatge nova arriba al servidor d'origen però no al domini públic, buida la CDN. Si hi ha una PWA instal·lada, inspecciona'n també el service worker i el manifest.

Per a una revisió futura, un nom de fitxer amb versió pot fer explícit el canvi. Mantén /favicon.ico disponible per als clients que el demanen per convenció.

Fonts primàries

Preguntes freqüents

Per què torna a aparèixer el favicon antic?

Una capa de memòria cau, un service worker o un segon element d'icona encara pot servir el fitxer antic. Identifica l'URL que realment es carrega abans de buidar res.

N'hi ha prou amb un paràmetre de versió a l'URL?

Pot evitar algunes memòries cau, però un nom de fitxer nou sovint és més explícit. Mantén disponible l'alternativa /favicon.ico.

El favicon de Google canvia immediatament?

No. Google ha de tornar a rastrejar i processar la pàgina i la icona. No hi ha cap termini exacte garantit.

Posa-ho en pràctica

El generador produeix el conjunt complet en segons, gratis i sense pujar les teves imatges.

Diagnostica el meu favicon públic

Què pots llegir i provar després

Les altres eines de LFFavicon i les guies que responen les preguntes més habituals.

Eines

Guies