e-terna Venezia - Internet Solutions & Marketing

Come associare un'icona ad un sito: favicon.ico PDF Stampa E-mail
Scritto da Alessandro Sorato   

Probabilmente avrete notato che tra i preferiti oltre al nome che viene dato ad una pagina (o il suo titolo), a volte appare anche un'icona, la stessa icona che appare anche sulla barra degli indirizzi del browser, bene, quell'icon si chiama "favicon.ico".

Vedremo di seguito come si possa realizzarla in pochi passi... 

L'icona destinata a questo scopo deve:

  • avere le dimensioni di 16x16 pixel,
  • usare pochi colori,
  • chiamarsi "favicon.ico".

 

 Con un sowtware di grafica creiamo un'immagine di 16x16 pixel, oppure ridimensionaiamo il nostro logo alla dimensione di 16x16 pixel. Salviamo quindi su disco l'immagine con il nome desiderato in formato BMP o PNG.

Fatto ciò, noi suggeriamo di utilizzare una fantastica applicazione freeware che permette di convertire un immagine in moltissimi formati grafici differenti: IrfanView  

Apriamo con IrfanView l'immagine salvata in precedenza, assicurandoci che l'immagine non utilizzi più di 256 colori, e salviamola con il nome "favicon.ico" selezionando appunto il tipo di formato "ICO".

ATTENZIONE: non è sufficiente cambiare l'estensione al file, ma il file deve essere salvato con un software specifico come quello indicato.

Trasferiamo quindi nella directory principale (root) del sito Internet il file "favicon.ico" e aggiungiamo alle pagine del sito nella sezione <head>...</head> la seguente riga di codice html:

    <link rel="shortcut icon" href="http://www.nomedominio.tld/favicon.ico">

dove tld=it, com, net, org, eu etc etc... 

Salviamo le pagine e trasferiamole sul sito Internet.

FATTO!!!

Al prossimo accesso alle pagine così modificate potrete vedere la vostra creazione. 

 

Dicono di noi

Conosco molte aziende che sviluppano applicazioni software e web, ma quando un progetto è veramente importante non ho dubbi...
U. Brusegan
...HPF si è rivolta ad e-terna...Tutti gli obiettivi che si era prefissata HPF si sono così concretizzati in brevissimo tempo...
M. Beltrame

Sei in  :

Sviluppo Web

Sviluppo Web personalizzato Soluzioni personalizzate di sviluppo Web, Web services, Web application.

Web Marketing

Web Marketing, ottimizzazione siti per motori di ricercaSEO, SEM, Paid Search, Posizionamento sui motori di ricerca

Formazione & Consulenza

Formazione, Joomla,consulenza sistemistica e informaticaFormazione, consulenza informatica e sistemistica
e-terna assistenza informativa Venezia