La favicon non viene visualizzata? Controlla i file, i collegamenti e la cache

Scegli un'icona che funzioni in dimensioni ridotte

Utilizza un semplice simbolo quadrato anziché una fotografia dettagliata o un marchio verbale lungo. Esamina l'anteprima da 16 pixel in Favicon Generator. Lo ZIP include ICO multi-dimensione, icone PNG, un webmanifest e un esempio HTML. Converti prima un SVG supportato in PNG se la tua origine è un file vettoriale.

Carica i file e conferma i loro indirizzi

Estrai lo ZIP e carica i file di icone scelti sul tuo sito web. Apri ogni URL dell'icona prevista in un browser e verifica che restituisca l'immagine anziché una pagina di accesso, una schermata di file mancante o un documento HTML. Utilizza l'esempio HTML come punto di partenza e adatta i percorsi alla posizione effettiva di caricamento. La sola generazione di un manifest non trasforma un sito in un'applicazione installabile.

Utilizza l'impostazione dell'icona della tua piattaforma, ove disponibile

Un tema o uno strumento per la creazione di siti Web potrebbe già gestire il markup delle icone. Imposta l'icona lì invece di aggiungere diversi tag concorrenti. In una pagina personalizzata, ispeziona l'intestazione renderizzata e controlla quali URL rel="icon" e icona Apple Touch dichiarano. Un file corretto sul server non sarà di aiuto se la pagina punta a un percorso diverso.

Distinguere i ritardi della cache dagli errori di installazione

Dopo aver modificato l'icona, svuotare la cache del sito o della CDN e testare una nuova sessione del browser. Un browser può mantenere un'icona precedente anche dopo il ricaricamento della pagina. I risultati della ricerca recuperano e visualizzano le icone in modo indipendente, quindi una scheda del browser corretta non promette un aggiornamento immediato dei risultati della ricerca. Evita di generare ripetutamente nuove icone mentre la causa reale rimane un URL non funzionante o una cache di pagina obsoleta.

Continue with a related tool