Ammetterò qualcosa di geniale. Mi piacciono molto i favicon. Sono divertenti. Sono un ottimo strumento di branding. E sono qualcosa di semplice che i proprietari di piccole imprese possono fare per rendere più vivaci i loro siti e persino aumentare l'usabilità per gli utenti.
Se non sai cos'è una favicon, permettimi di offrire assistenza:
Le favicon sono la mini grafica 16 × 16 pixel che rappresenta il tuo sito Web nella barra degli indirizzi, nell'elenco dei segnalibri di un utente o nelle schede del browser. Permettono ai tuoi visitatori di creare una connessione visiva con il tuo sito.
Neat! Come si crea uno?
Progetta la tua favicon:
- A mano: Apri il tuo programma di grafica preferito e raggiungi. Dovrai creare un nuovo file di 16 × 16 pixel e ingrandirlo fino a che l'area non è lavorabile OPPURE aprire un'area più grande, ma comunque una specie di multiplo di 16 × 16. Quando progetti la tua favicon a mano, usa qualcosa che rappresenti in modo preciso il tuo marchio, che si tratti di una combinazione di colori comune, delle iniziali della tua azienda, ecc. Qualunque cosa crei dovrà sopportare le severe restrizioni di 16 × 16 pixel.
- Con strumenti: Se sei sfidato dal design (non preoccuparti, lo sono anch'io), ci sono alcuni ottimi strumenti che rendono facile anche a persone come noi creare grandi favicon. Ad esempio, Favicon.cc ti darà una struttura e ti permetterà di costruire il tuo direttamente dal loro sito o FavIcon da Pics ti permetterà di caricare una foto e generare la favicon per te. Semplice!
Salva la tua favicon: Quando si salva il file, ridurlo a 16 bit e salvare come "favicon.ico" se si utilizza Photoshop o "favicon.gif" o "favicon.png" se si utilizza qualcos'altro. Se stai usando Photoshop e vuoi dare un po 'di fortuna alla favicon, ti consigliamo di scaricare il plug-in di file in formato Icon di Windows in modo da poterlo salvare nel formato ICO.
Carica la tua favicon: Connettiti al tuo server e carica la tua favicon nella cartella principale del tuo sito. Quindi aggiungi il seguente codice HTML alla sezione principale della tua pagina Web (tra i due tag Head) (scegli il tipo di file):
ricaricare: Una volta terminato, aggiorna il browser e dovresti vedere la tua favicon apparire. In caso contrario, dargli qualche minuto. A volte ci vuole un po 'per sincronizzare tutto. E questo è tutto! Quattro passaggi e un favicon di grande marca che aiuterà gli utenti a riconoscere il tuo sito nell'elenco dei segnalibri o nel browser. Abbastanza semplice, vero? Solo per divertimento, ecco alcune delle mie preferite preferite sul Web: Altri preferiti personali?
