Una favicon è una piccola icona personalizzata che viene visualizzata accanto alla URL di un sito web nella barra degli indirizzi di un browser web. Viene mostrata anche nei tui preferiti, sulle schede nei browser a schede, e come icona per i collegamenti Internet sul vostro desktop o altre cartelle di Windows. E quando dico piccola, voglio dire, 16 pixel per 16 pixel. Quindi, se volete una buona sfida design provate con questa. Tutto quello che devi fare per aggiungere una Favicon per il vostro sito è un icona di Windows (.ICO) in un file solitamente chiamato favicon.ico che hai caricato nella directory principale del tuo sito web. Oggi, la maggior parte dei browser Internet Explorer possono utilizzare un GIF (comprese quelle animate) o PNG (compresa la piena trasparenza). Ma dal momento che tutti i browser tra cui IE capiscono il formato ICO, e visto che ha un sacco di funzioni interessanti che GIF e PNG non hanno, scopriamo come fare uno.Avrete bisogno di un Plugin di Photoshop per gestire i files ICO. È possibile scaricare il plugin da Telegraphics (http://www.telegraphics.com.au/sw/) . Il plugin permette di leggere e scrivere i file .ICO in 1, 4 e 8-bit e indicizzati a 24 bit modalità RGB, e legge e scrive anche icone a 32-bit "XP" (con canale alfa a 8 bit).

Assicurarsi di installare il plugin prima di iniziare questo tutorial. Visto che 16 x 16 è una zona così piccola, può essere molto difficile essere creativi. Quindi avviamo il progetto con una dimensione fissata a 64 x 64 (sempre usare multipli quando si ha intenzione di ridimensionare i file). Per farlo, selezionare File> Nuovo e aprire un nuovo file 64 x 64 pixel di dimensione. Se hai già un logo dovresti ridurre le dimensioni a 16 x 16 per vedere se non perde di efficacia nella riduzione.

Se non si vede bene in questa dimensione, crea il lavoro a 64 x 64 e prova a creare un design semplice che riprenda i colori della palette del tuo sito web. Quando sei pronto a testare il design seleziona Immagine> Dimensione immagine menu e inserisci 16 x 16.

Clicca su Ricampiona immagine e scegliere "Bicubica più nitida" dal menu a discesa. Questa è la migliore impostazione per fare in modo che l'immagine non venga sfuocata mentre viene ridimensionata. Se ancora non è abbastanza nitida, tornare indietro e aumentare il contrasto dell'immagine originale e quindi ridimensionatelo ancora. Per salvare l'icona personalizzata vai su File> Salva con nome e assicurati di nominare il file favicon.ico. In Formato si deve scegliere Windows Icon (ICO) dal menu a tendina. Questo formato sarà disponibile in Photoshop solo dopo aver scaricato e installare il plugin. Come passo successivo dovrete caricare questo nuovo file nella cartella principale del tuo sito web, quindi è una buona idea salvarlo in quella posizione sul disco rigido ora.