Che cos'è un Favicon?
Una favicon è un'icona personalizzata associata a una pagina Web o un sito Web che appare accanto all'indirizzo http nella finestra dell'URL di un browser. Occuperà anche le schede aperte nei browser abilitati alle schede e verrà visualizzato accanto ai collegamenti con 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 molti browser che supportano questa funzione.
Una favicon è così piccola che viene misurata in pixel. Un pixel è la più piccola unità di misura sullo schermo di un computer. I pixel, che assomigliano a piccoli blocchi, sono chiaramente visibili quando si visualizza uno schermo attraverso una lente d'ingrandimento. Una favicon è solo 16x16 pixel, 32x32 o, nel caso di computer Macintosh, a volte 64x64 o superiore.
Progettare un logo per una tela così piccola non è un compito facile, quindi è più facile iniziare con una tela più grande e ridimensionare l'immagine verso il basso. Dal momento che la riduzione di un'immagine può far perdere la chiarezza, è meglio iniziare con una dimensione della tela di circa 64x64 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 è ridotto e salvato, può essere convertito in un file icona . Non tutti i programmi di grafica salvano i file come file .ico, ma ci sono molti programmi di grafica disponibili online specifici per la creazione e la conversione di file .ico. Aprendo un .bmp, .jpg, .gif o un altro file di immagine 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 <head> </head> della pagina Web come mostrato di seguito. Cambia "website.com" con il nome attuale del tuo sito web:
<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
Se un sito Web viene aggiunto ai segnalibri in Internet Explorer prima che abbia una favicon, è possibile che non ne venga visualizzato 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 .
Mentre Internet Explorer richiede 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 di immagine diverso da .ico, è necessario modificare il codice per riflettere il tipo di immagine corretto. Ad esempio, se si utilizza favicon.png il codice dovrebbe essere: type="image/png" /> anziché type="image/x-icon" /> .
Associare una favicon a un sito Web crea un marchio visivo che può aiutare un surfista 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 personaggio o del nome del sito. Ci sono diverse aziende online che progetteranno una favicon per te, se lo desideri. Tuttavia, per quelli con competenze informatiche di base, crearne uno è un compito semplice e divertente che può richiedere da pochi minuti a un pomeriggio o una sera.