Tempo di Lettura: 5 minuti
Una guida esaustiva sulle favicon.ico redatta dal sottoscritto e pubblicata qualche anno fa su un forum e in seguito citata in una “pillola” di Html.it!
Cosa sono le favicon.ico?
Per chi non le conosceste è una semplice icona che se messa nella root directory del nostro webserver (in pratica dove risiede il file index.htm del nostro sito, o più in generale la nostra homepage) e la rinominate in "favicon.ico", nel momento in cui si salva il link del sito sui bookmarks del nostro Internet Explorer 5, essa verrà memorizzata sul nostro PC.
Così ogni volta che si guarda il link vedrò associata l’icona e ogni volta che entrerò nel nostro sito vedrò ancora una volta la nostra icona ma questa volta nella barra degli indirizzi di IE5.
OK detto questo, passiamo alle domande più comuni.
Q1. Perché a volte scompare l’icona?
R1. L’icona viene memorizzata nella cache del browser, in questo caso, trattandosi di IE5, si parla della Temporary Internet Files. Questa si può svuotare andando su "Strumenti/Opzioni Internet/Elimina File temporanei di
Internet".
Questa operazione cancellerà tutti i file in linea e non (se lo si seleziona appositamente) compresa la nostra icona (N.B. Tutti i files tranne i cookies: personalmente io li cancello a mano). A questo punto per ripristinare la favicon.ico è bene rimuovere dai bookmarks i link e risalvarlo. In questo modo la favicon.ico verrà risalvata nella cache di IE5.
Q2. E’ possibile cambiare il path dell’icona (invece della root directory del webserver) o associare più icone diverse a più pagine?
R2. Il problema mi è nato quando ho cercato di assegnare una seconda icona ad un’altra pagina che è logicamente divisa dalla homepage. Anche se mettevo un’altra icona (ma sempre con lo stesso nome) in quella directory e la salvavo nei bookmarks di IE5, mi veniva visualizzata sempre l’icona principale della homepage. Come si risolveva il problema?
Andando a scavare nella rete ho trovato una cosa interessante:
Se si intende usare un nome differente per l’icona o dargli una differente location piuttosto che la root directory del nostro webserver, occorre inserire tra i tag <head> </head> il seguente codice nella nuova pagina:
<LINK REL="SHORTCUT ICON" HREF="https://www.miosito.it/directory/miaicona.ico">
In questo modo se salvo il link di questa nuova pagina, ogni volta che carico questa pagina, mi verrà memorizzata questa nuova icona sia nei bookmarks che nella barra degli indirizzi.
Il bello è che l’icona la posso mettere in un path differente da dove risiede l’homepage e differente da dove risiede la nuova pagina che deve visualizzare l’icona.
Inoltre non sono vincolato al nome favicon.ico.
Questo codice può essere usato sia per inserire diverse icone a diverse pagine, ma anche per assegnare una semplice icona alla homepage, la quale icona non risiede nella root directory o ha un nome diverso da favicon.ico.
Insomma le possibilità sono infinite….
N.B. Comunico una malfunzione di IE5 che devo accertare però se è sistematica: se si salva un secondo link (del nostro stesso sito) nei bookmarks con una seconda icona, la prima potrebbe sparire dalla barra degli indirizzi quando si entra nella nostra homepage e ci aspettiamo di trovarla (ma pare rimanere nei bookmarks). Se ciò si dovesse verificare rimuovere il link dai bookmarks e riimpostarlo.
Q3. Come si possono personalizzare le favicon?
R3. Le favicon si possono facilmente fare con il noto programma di creazione di icone Microangelo. Se non disponete di questo programma è possibile creare online le icone consultando il sito: https://www.favicon.com dove troverete un bellissimo generatore di icone realizzato in java.
Se siete a corto di fantasia ma non volete usare la classica icona di IE, allora potete consultare https://www.favicons.com/ dove troverete una ricca collezione online di icone che è possibile utilizzare come favicon (l’importante è rinominarle).
Se volete creare una favicon da una immagine allora visitate Html-kit: con la sua intuitiva interfaccia basterà fare l’upload di un immagine e il sistema creerà automaticamente l’icona favicon.ico che potrà essere scaricata compressa in un file zip.
Q4. A volte mi è capitato che una volta memorizzate nella cache del browser le favicon, queste dopo 3-4 settimane iniziavano a sparire gradualmente.
R4. Il motivo è il seguente:
Quando la cache raggiunge il limite massimo di spazio da allocare sul disco , il browser inizia a sovrascrivere i dati, con la conseguente perdita progressiva delle favicon installate.
Potete vedere il limite max di spazio da utilizzare sul disco andando su Strumenti-Opzioni Internet – Impostazioni – File Temporanei Internet…
Sul mio IE5 ho disponibili per la cache 251 Mb di spazio, e ho questi dati:
Dimensioni su disco: 248 MB (260.681.728 byte)
Contenuto: 25.509 file, 29 cartelle
Spazio su disco da utilizzare: 251 mb
Come vedete sono al limite: infatti le icone che ho salvato insieme ai bookmarks sono sparite una alla volta.
Per rimetterle ora devo reinserire il bookmark in questione.
Per evitare questi problemi è possibile aumentare lo spazio allocato per la cache del browser, ma state certi che prima o poi, a forza di navigare lo spazio si esaurirà e le icone verranno sovrascitte con altri file (ovviamente più è grande lo spazio disponibile e proporzionalmente più tempo impiegherà a riempirlo tutto e anche a sovrascrivere le favicon (su un 1Gb di spazio impiegherà statisticamente più tempo a cancellare una favicon rispetto a 200 Mb di spazio).
Ovviamente non serve pulire la cache: le icone si perderanno in questo modo, ma almeno avrete recuperato un pò di spazio.
Penso che questo sia un baco di IE5. Infatti i cookies non vengono mai cancellati automaticamente, mentre le favicon, venendo trattate come qualsiasi altro file grafici, per cui vengono rimosse automaticamente dalla cache del browser.
Secondo me, al pari dei cookies, si dovrebbero preservare le favicon: lo spazio occupato sarebbe comunque minimo.
Penso che questo sia anche il problema di molte persone che dicevano di vedere sparire le icone dopo un pò di tempo.
Antonio Troise – www.levysoft.it
Ho realizzato delle favicons e da giorni provo a farle funzionare nel mio sito, ma niente. Eppure ho messo la favicon nella directory principale, ho specificato il tag dentro head( oppure anche ), però non funziona in nessun modo. Dov’è che sbaglio?
Grazie
M.
stesso problema… ho provato e riprovato, ma niente da fare.
Volevo segnalare che ho appena messo online
un sito per fare delle favicon con lo stile dei bottoni
antipixel direttamente via web, lo trovate a
http://www.antifavicon.com
Ciao,
Salvatore
Grazie Salvatore per la tua segnalazione: vedo che le favicon vengono aggiornate con Ajax! Complimenti per il sito…è veramente ben fatto…
Grazie a te Antonio per le tue parole positive.
Segnalo che a me succede che è la favicon del link yahoo search che mi sparisce nella finestrina di firefox dove sono lincati o motori per il search! come fare per farla tornare?
grazie!
Pingback: Levysoft » Creare Favicon 5 Luglio 2007
[…] volete creare una favicon (se non sapete cosa sono le favicon leggete il mio articolo) da una immagine allora visitate Html-kit: con la sua intuitiva interfaccia basterà fare […]
Ho messo la mia favicon sul mio sito
http://frysimpson.blogspot.com/
e Firefox la visualizza correttamente, ma Internet Explorer 7 no.
Qualche suggerimento?
Grazie, ciao.
—
P.S. Ma il campo antispam di questi commenti come fa a funzionare se è precompilato?
@Fry Simpson: qui trovi la risposta alla tua domanda sul campo antispam precompilato 🙂 In pratica si ipotizza (e fin ora è ancora così) che un classico bot di spam non interpreta il codice js e, siccome non usa un browser per inviare commenti, non potrebbe mai avere accesso alla funzione javascript che risolve matematicamente la risposta.
@Fry Simpson: Purtroppo non uso IE7 ma ti assicuro che con Safari e Firefox la favicon si vede benissimo!
Pingback: internet 8 avviso di protezione su facebook 9 Gennaio 2011
[…] Levysoft Tutto quello che avreste voluto sapere sulle favicon.ico…io ve lo dico! […]