Una favicon è un’icona personalizzata associata a una pagina Web o a un sito Web che appare accanto all’indirizzo http nella finestra dell’URL di un browser. Inoltre, occuperà le schede aperte nei browser abilitati per le schede e verrà visualizzato accanto ai collegamenti con i segnalibri. Il termine combina le parole “preferiti” e “icona”. Microsoft Internet Explorer versione 5.0 ha introdotto la possibilità di visualizzare le favicon, seguite da altri principali browser. Firefox, Netscape, Opera, Safari e Konquerer sono tra i tanti browser che supportano questa funzione.
Una favicon è così piccola da essere misurata in pixel. Un pixel è la più piccola unità di misura sullo schermo di un computer. I pixel, che assomigliano a minuscoli blocchi, sono chiaramente visibili quando si visualizza uno schermo attraverso una lente d’ingrandimento. Una favicon è di soli 16×16 pixel, 32×32 o, nel caso dei computer Macintosh, a volte 64×64 o più grandi.
Progettare 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 chiarezza, è meglio iniziare con una dimensione della tela di circa 64×64 pixel.
Queste icone possono essere progettate in bianco e nero, 16 colori, 256 colori o più, utilizzando quasi tutti i programmi di grafica. Una volta che il disegno è stato ridotto e salvato, può essere convertito in un file icona. Non tutti i programmi di grafica salvano i file come file .ico, ma sono disponibili online molti programmi di grafica specifici per la creazione e la conversione di file .ico. Aprendo un file .bmp, .jpg, .gif o altro in uno di questi programmi e scegliendo “Salva con nome”, è possibile convertire l’immagine nel formato .ico corretto e denominare il file favicon.ico.
L’icona può ora essere caricata nella directory principale del tuo sito web. I browser cercheranno questo file e lo visualizzeranno se trovato. Oltre a caricarlo sul sito Web, è necessario aggiungere due righe di codice semplice nella sezione della pagina Web come mostrato di seguito. Cambia “website.com” con il nome del tuo sito web effettivo:
Se un sito Web è stato aggiunto ai segnalibri in Internet Explorer prima che disponga di una favicon, potrebbe non visualizzarne uno nuovo. Elimina il segnalibro, svuota la cache del browser e riavvia il browser. Ora naviga manualmente sul sito web e dovresti vedere la favicon. Aggiungi il sito ai preferiti per aggiungerlo ai preferiti.
Sebbene Internet Explorer richieda che la 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 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 dovrebbe essere: type=”image/png” /> invece di type=”image/x-icon” />.
L’associazione di una favicon a un sito Web crea un marchio visivo che può aiutare un navigatore a ricordare il tuo sito Web e il suo contenuto 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 una favicon per te, se lo desideri. Tuttavia, per chi ha competenze informatiche di base, crearne uno è un’attività semplice e divertente che può richiedere da pochi minuti a un pomeriggio o una sera.