Un aspetto che mi ha sepre dato il senso di una buona rifinitura del sito che stò visitando, è quello di vedere una bella icona preferiti, la quale adesso ha ancora più valore, visto che Firefox la inserisce sempre nella “Navigation bar”. Ora vi illustrerò quanto è semplice realizzazione di questa decorazione …
1) Partite dal vostro programma di Photoediting preferito e realizzate una icona 16×16 che identifichi il vostro sito e salvatela in .gif.
2) Il formato corretto per la visualizzazione delle favicon è il .ico. Non tutti i programmi permettono di salvare in questo formato. Un freeware che può aiutarvi può essere Irfanview che con un semplice “salva con nome” potrete ottenere la vostra icona.
3) Per semplificarvi ancora di più il compito della conversione .ico, vi rimando a questo sito http://www.html-kit.com/e/favicon.cgi nel quale, con un semplice form, potrete convertire il vostro file .gif seguendo delle semplici istruzioni.
4) Inserite il file creato in radice del vostro sito. Fate attenzione, è importante che il file sia nominato favicon.ico altrimenti alcuni browser non lo troveranno.
5) In fine aggiungete nelle vostre pagine html tra i tag<HEAD> e</HEAD>, questo codice, fate attenzione perchè dovrete sostituirne il nome corretto del vostro dominio:
DesMM
Thursday, 16 December 2004
Era proprio quello che cercavo…
BRAVO!!!
Mi sono accorto che i favicon.ico creati con Irfanview, Internet Explorer 6 non li digerisce bene. A volte sono completamente neri a volte non sono visibili, il browser dice che manca il file.
Invece tramite il sito che ho segnalato i .ICO si vedono bene su tutti i Browser anche se pesa qualche kb in più.
Ottima spiegazione, utilissima per chi non è molto pratico con il pc. Grazie
Ciao, e se io non ho pagine html… ma php? che codice devo inserire nell’index.php?
Quel codice va messo in tutte le pagine per far si che con IE funzioni bene. Sia che siano HTML che PHP o ASP…
Ho utilizzato il sito che hai indicato http://www.html-kit.com/e/favicon.cgi , ho allegato un gif trasparente però l’icona che è stata generata ha invece lo sfondo bianco, se la trascino sulla barra dei collegamenti si vede lo sfondo. Come si può fare per ovviare a questo piccolo inconveniente?
Perchè a me non funziona????
Inserisco il codice, salvo l’icona, ecc…Pubblico.
Vado on line e…. niente!
Utilissima informazione!!
Ho provato tutto ok, Grazie!
Io non ci riesco… :(
Ho messo il codice e caricato l’icona ma nn si vede… ma va in HEAD o in BODY? Io l’ho messa in head ma nn va…
L’hai messo nel posto giusto e funziona anche, l’unico motivo perchè non lo vedi è perchè Internet Explorer 6 da un po le bizze
e non sempre li mostra per vederlo dovresti metterti tra i preferiti il sito da li lo vedi sempre.
COn IE7 hanno sistemato il problema e naturalmente con FireFox funziona già benissimo :)
se noti anche a fianco al nome del tuo commento c’è il giusto favicon significa che hai fatto tutto giusto ;)
ciao!
E io infatti ho IE 7… e non lo vedo… nemmeno salvandolo nei preferiti… non riesco proprio a capire… :(
Io ho seguito le info e dopo qualche tentativo sono riuscito a pubblicare la mia .ico!!!
Io ho fatto un milione di prove ma non riescoa farlo fonzionare….
Non me le visualizza nessuno!
Io ho pure il ie7 che non dovrebbe darmi problemi.
Può essere questione di server?
Sto impazzendo!!
Ops… vicino al mio commento il favicon c’è!!!
Ma io non con ie7 non lo vedo….
Il problema che non lo vede nessuno di quelli che
conosco e che vanno sul mio sito… bho.
Ora lo vedono gli altri ma io no?
Come mai?
Idem per me… lo vedo qui vicino al mio nome e lo vedono gli altri ma io no…
Vai nelle opzioni del browser e cancella la cronologia….
io ho risolto così.
Si!!! Ecco, finalmente!!! Grazie mille Salentosub!!!!!
[…] Le favicon sono quelle minuscole icone (16×16 pixel) che compaiono alla sinistra dell’URL nella barra degli indirizzi del browser. Far comparire la favicon è un gioco da ragazzi, come potete leggere in questo articolo. Il problema è creare l’immagine. Il formato, obbligatoriamente .ico, non è facilmente editabile e richiede spesso l’uso di programmi di grafica specifici, raramente freeware. Ma come riportato su DesMM.com, è possibile aggirare l’ostacolo con un plug-in gratuito per Photoshop. […]
ho provato e riprovato ma non riesco a visualizzarla
hai provato senguendo anche i consigli dati trai commenti?
di eliminare file temporanei e cronologia di explorrer?
ho eliminato file temporanei e cronologia ma non visualizzo ancora nulla, ma sono solo io che non la vedo?
Io non riesco ed ho provato anche ad eliminare i file temporanei e la cronologia… Forse dipende dal server sul quale risiede il sito?
Ottimo lavoro breve e coinciso. Bravo continua cosi
Ciao, purtroppo non leggo da nessuna parte il codice da inserire nei tag.
Ma dov’è?
Grazie
Giovanni
Ciao I-JOHN, c’era un problema con la visualizzazione del codice, ora l’ho sistemato e lo puoi vedere nell’articolo.
grazie per la segnalazione ;)
Ottimo,lo cercavo da tempo ;-)
grazie per i consigli
se non vi funziona cancellate la cronologia
un grazie a tutti
scusate io non ho capito bene tra quali tag devo inserire il codice html
potete aiutarmi??
grazie in anticipo!!!
Praticamente l’apertura e la chiusura di HEAD. Il problema che hai riscontrato nell’articolo l’ho risolto, grazie d’avermelo fatto notare.
grazie 1000 DesMM!!!!
alla prox!!!
Ho provato in tutti i modi , anche cancellando la cronologia.
Nulla da fare. Forse voi vedete la favicon? Il sito in questione è www.pallanuotopiacenza.it .Grazie
Io la vedo sia su Firefox che Internet Explorer 7
Ho notato spesso, che IE7 nel momento in cui si entra spesso nel sito privo di favicon, quando la si posiziona ha molta difficoltà a spuntare fuori.
Comunque ti assicuro che si vede. :)
Bellissimo! Però mi funziona solo in alcune pagine. O meglio, nella pagina iniziale che ha estensione shtm (per far funzionare il contatore) non si vede. Si riesce a risolvere il problema secondo voi?
E’ perchè non ha seguito alla lettera quando ho è scritto nell’articolo tu ora nel tuo codice nelle pagine interne hai:
<link REL="shortcut icon" HREF="favicon.ico">
Devi mettere davanti al nome dell’icona, l’url del tuo sito:
<link REL="shortcut icon" HREF="http://www.evademarco.it/favicon.ico">
prova ;)
Avevo seguito le istruzione del collegamento che avevi dato per creare le favicon con un form (http://www.html-kit.com/e/favicon.cgi) e in quello c’era solo favicon.ico. Comunque nelle altre pagine funziona. Ho messo il mio dominio come mi hai detto tu nella pagina iniziale e continua a non funzionare..
io la vedo al favicon nella tua pagina iniziale, certe volte capita che i browser non si accorgono immediatamente della sua presenza.
Posso dire che hai fatto tutto ciò che andava fatto, quindi non ti rimane che chiudere il borwser e riaprirlo, oppure cancellare la cache, o i file temporanei, bho… a volte succede anche a me che non si visualizza subito.
Ragazzi…ho avuto lo stesso problema: codice esatto…posizione esatta (tra inizio e fine HEAD)…ma nulla. Cancellate tutto ciò che avete in cronologia! L’ho fatto ora ed ha funzionato. Non è necessario inserire il link tra i preferiti…!!!
;-)
Con www.html-kit.com/e/favicon.cgi ho convertito la favicon in un .ico, compressa in zip. Non capisco da lì come faccio a caricarla sul blog. Cosa intendi quando dici in radice del sito? Come creo l’html da inserire? grazie
Quoto Elena :( Ho provato ad inserire il file .ico su diversi livelli del sito, ho inserito il codice tra head ed head, ho cancellato la cronologia, ma niente…..
grazie per il programmino
[…] di un sito della rete, > Grazie. se possono esserti d’aiuto metto qui due articoli del mio blog http://www.desmm.com/creare-icona-pr…conico-43.html […]
In asp il codice la stringa è sempre quella da inserire? La devo mettere in tutte le pagine, nella home o nella masterpage?