Come realizzare delle favicon

Le Favicon sono quelle piccole icone che vengono visualizzate nella barra degli indirizzi dei browser quando visitiamo delle pagine web. Per quanto possa sembrare un particolare secondario, in realtà una favicon ben realizzata e con un soggetto rappresentativo dei contenuti, come un logo, può rendere un sito immediatamente identificabile all’interno dei preferiti, nei lettori di feed o in altri strumenti di catalogazione di siti.  Ci sono diversi metodi per creare una propria favicon, sia utilizzando comuni programmi di grafica, sia mediante generatori messi a disposizione da numerosi siti. Essendo quest’ultimo il sistema più semplice e veloce, segnaliamo qui due dei servizi più completi ed utilizzati.

Il loro utilizzo è molto simile, in quanto vi basta caricare un’immagine o crearne una disegnando un motivo all’interno di una griglia di dimensione 16×16 pixel, scegliendo diversi colori e trasparenze, cliccare sul tasto per generare l’icona e scaricarla sul vostro computer.

I formati più diffusi per le favicon sono “.ico”, “.png” o “.gif”.

Seguendo le nostre facili istruzioni e i nostri consigli sarà un gioco da ragazzi creare da voi la vostra favicon. Pronti?

- Favicon.cc

Oltre ad immagini statiche, vi permette di creare icone animate, cliccando su “Use animation” (Usa animazione) e aggiungendo un “frame” (fotogramma) alla volta.

È presente anche una comoda funzione di anteprima della vostra favicon appena creata.

Un’altra possibilità è invece questa:

- Iconfu

Questo è probabilmente il servizio più completo, dal momento che mette a disposizione molti strumenti grafici per creare e e modificare le icone:

• Preview (Anteprima)
• Tools (Strumenti)
• Matita, gomma, selezione colore, selezione area, ombre, linee
• Drawing (Disegno)
• Actions (Azioni)
• Ridimensiona, ritaglia, migliora, disegna e arrotonda bordi

Una volta generata, la favicon andrà caricata sul vostro spazio web ed inserita nelle pagine (nella sezione “head”) mediante un codice come questo (<link rel=”icon” href=”<percorso>/favicon.ico” />) , modificando la stringa <percorso> con l’indirizzo dove avete caricato l’immagine:

Se avete un blog basato su WordPress, potete molto più semplicemente usare un plugin come “Admin Favicon“.

Buon lavoro!