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ù.

Progettare un logo per una tela così piccola non è un compito facile, quindi è più facile iniziare con una tela più grande e quindi essere-Mize l'immagine giù. Poiché la riduzione di un'immagine può farla perdere la chiarezza, è meglio iniziare con una dimensione di 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 icona . 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 caricata 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 sempliceEAD> Sezione della pagina Web come mostrato di seguito. Cambia "sito Web.com" nel nome del sito Web effettivo:

; ;

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 del browser e riavvia il browser. Ora naviga manualmente sul sito Web e dovresti vedere il Favicon. Aggiungi il sito ai segnalibri per aggiungerlo a preferiti .

Mentre Internet Explorer richiede che il Favicon sia un file .ico, Firefox, Netscape e altri browser popolari possono anche visualizzare file .gif, .jpg e .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 = "immagine/png"/> anziché type = "image/x-icon"/> .

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 del sito. 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.