[Ubuntu] Creare una favicon per il vostro sito web

Favicon, sta per favorite icon. Nasce come funzionalità di Internet Explorer per distinguere con un logo di ridotte dimensioni, i siti presenti nella lista dei favoriti. Oggi la sua funzionalità è cambiata (ma non la sua utilità, che è quella di identificare visivamente un sito internet) e spesso la favicon viene mostrata nella barra di navigazione, quasi come un certificato di garanzia. Nei fatti ha assunto la veste di vero e proprio logo, marchio in senso stretto.

Vediamo ora come creare facilmente delle favicon usando strumenti standard di una distribuzione Linux: The GIMP e xpm2wico.

Via terminale o synaptic installiamo il pacchetto xpm2wico. Consiste in un semplicissimo convertitore di file xpm, il formato icone dei sistemi UNIX, in ico, il formato icone proprio di windows.

1. Creiamo una nuova immagine

Utilizzando The GIMP creiamo una nuova immagine quadrata (altezza e larghezza uguali). Usiamo un po’ di fantasia, ma stiamo attenti a non far cose troppo complicate. Un logo deve essere una cosa abbastanza facile da ricordare, semplice, ma non banale. Oltretutto dobbiamo tener conto del fatto che l’icona finale sarà di dimensioni molto ridotte.

2. Salviamo il file in formato XPM

Una volta esaurita la nostra vena artistica, ridimensioniamo l’immagine in 16X16 pixel e salviamola in formato xpm.

3. Convertiamo l’icona in formato Windows ico

La cosa è abbastanza semplice e si esaurisce in una linea di codice.

xpm2wico favicon.xpm favicon.ico

4. Uso della favicon

Inviamo al server il file favicon.ico. In teoria potremmo uploadare il file in qualsiasi directory, dando poi al tag del head che vedremo fra poco la giusta direttiva, ma il consiglio è quello di inserirla sempre in root, perchè aggregatori, motori di ricerca ed altri programmi di utilità varia, spesso prescindono dalle direttive del head e vanno a cercare di file favicon.ico proprio in root.

Inseriamo fra gli head delle nostre pagine questa riga.

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

Ed il gioco è fatto.

6 thoughts on “[Ubuntu] Creare una favicon per il vostro sito web”

  1. Non capisco: 16×16, nome file favicon.xpm,
    scrivo da terminale la stringa
    «xpm2wico favicon.xpm favicon.ico»
    Ma nulla:
    «Problem reading "favicon.xpm". This file is likely not an Xpm file.»

    Cosa ho sbagliato?

  2. Con GIMP,
    allora ho installato il pacchetto citato,
    ho caricato GIMP e ho detto nuovo file 16×16, e quando ho finito ho salvato con nome:
    file icona Pixmap (*.xpm)
    intitolato "favicon" su scrivania:
    Ottengo "favicon.xpm" ma quando scrivo da terminale la stringa mi dice lo stesso errore..
    Ho riprovato ora…nisba…

  3. Costa strana, ma curiosa.

    Senti, giusto per togliermi la curiosità, non è che mi manderesti il file xpm che hai generato con gimp così da vedere meglio cosa non va? davidonzo[at]gmail[dot]com.

    Se non è un problema, sia chiaro.

Comments are closed.