Skip to main content

Cos'è un favicon?

A Favicon è un'icona personalizzata associata a una pagina Web o un sito Web che appare accanto all'indirizzo HTTP nella finestra URL di un browser.Occuperà anche le schede aperte in browser abilitati a schede e verrà visualizzato accanto ai collegamenti ai segnalibri.Il termine combina le parole preferite e icona.Microsoft Internet Explorer versione 5.0 ha introdotto la possibilità di visualizzare favicon, seguito da altri browser principali.Firefox, Netscape, Opera, Safari e Konquerer sono tra i molti browser che supportano questa funzione.

Un favicon è così piccolo che viene misurato in pixel.Un pixel è la più piccola unità di misurazione sullo schermo di un computer.I pixel, che assomigliano a piccoli blocchi, sono chiaramente visibili quando si visualizzano uno schermo attraverso una lente d'ingrandimento.Un Favicon è solo 16x16 pixel, 32x32 o, nel caso dei computer Macintosh, a volte 64x64 o più.

La progettazione di un logo per una tela così piccola non è un compito facile, quindi è più facile iniziare con una tela più grande e quindi ridimensionare l'immagine.Poiché la riduzione di un'immagine può farla perdere la chiarezza, è meglio iniziare con una dimensione della tela di circa 64x64 pixel.

Queste icone possono essere progettate in monocromo, 16 colori, 256 colori o più, utilizzando quasi tutti i programmi grafici.Una volta che il design è stato ridotto e salvato, può essere convertito in un file

.Non tutti i programmi grafici salvano i file come file .ico, ma ci sono molti programmi grafici disponibili online che sono specifici per la creazione e la conversione dei file .ico.Aprendo un file .bmp, .jpg, .gif o altri file di immagine in uno di questi programmi e scegliendo salva come, è possibile convertire l'immagine nel formato .ico corretto e nominare il file favicon.ico.

L'icona puòOra essere caricato nella directory principale del tuo sito Web.I browser cercheranno questo file e lo mostreranno se trovato.Oltre a caricarlo sul sito Web, è necessario aggiungere due righe di codice semplice in lt; head gt; lt;/head gt;Sezione della pagina Web come mostrato di seguito.Modifica sito Web.com nel nome del tuo sito Web:

lt; link rel ' icona href ' http: //website.com/favicon.ico type ' image/x-icon/ gt; lt; link rel 'Icona di scelta rapida href ' http: //website.com/favicon.ico type ' image/x-icon/ gt;

Se un sito Web viene aggiunto ai segnalibri in Internet Explorer prima di avere un Favicon, uno nuovo potrebbe non visualizzare.Elimina il segnalibro, scarica la cache dei browser e riavvia il browser.Ora naviga manualmente sul sito Web e dovresti vedere il Favicon.Aggiungi il sito ai segnalibri per aggiungerlo ai preferiti .

Mentre Internet Explorer richiede che il Favicon sia un file .ico, Firefox, Netscape e altri browser popolari possono anche visualizzare .gif, .jpg e file .png.Se si utilizza un tipo di file di immagine diverso da .ico, il codice deve essere modificato per riflettere il tipo di immagine corretto.Ad esempio, se si utilizza favicon.png il codice avrebbe letto: type ' image /png / gt; anziché type ' image /x-icon / gt; .

Associare un Favicon a un sito Web crea un marchio visivo che può aiutare un surfista a ricordare il tuo sito Web e i suoi contenuti con una semplice occhiata ai suoi segnalibri.Che si tratti di un mini logo o di un design originale, la tua immagine rifletterà idealmente qualcosa del contenuto, del carattere o del nome dei siti.Ci sono diverse aziende online che progetteranno un Favicon per te, se lo si desidera.Tuttavia, per coloro che hanno competenze informatiche di base, crearne uno è un compito semplice e divertente che può richiedere da pochi minuti a un pomeriggio o una sera.