Creare una favicon

- Letture: 1.779

Cos’è una Favicon?

FaviconIn informatica indica un’icona associata ad una particolare pagina web, solitamente la favicon è una piccola immagine, spesso un logo, pertinente ai contenuti del sito web correlato.
La favicon viene visualizzata alla sinistra dell’URL nella barra degli indirizzi di un browser, nel momento in cui si naviga un sito che ne è provvisto.

Nata come funzionalità di Microsoft Internet Explorer versione 5, in seguito è stata integrata su molti altri browser tra cui: Firefox, Mozilla, Opera, Safari, e Konqueror.

  • Come creare una favicon

Il sito WebScriptlab ci mette a disposizione un generatore di favicon, ci basterà inserire l’immagine desiderata, e in pochi istanti creerà per noi una favicon da inserire nella nostra pagina web

In questo modo ogni immagine delle giuste dimensioni (16×16 o 32×32 pixel se .ico) può essere usata come favicon. Alternativamente al formato .ico, possono essere usati anche i formati .gif e .png di qualsiasi dimensione.

Ovviamente se siamo pratici, possiamo creare la nostra favicon con qualsiasi editor di immagine.

  • Come inserire una favicon in una pagina web:

Il tag viene posto nella sezione head di un file HTML con la seguente sintassi:

<head>
<link rel="icon" href="favicon.ico" />
.
.
.
</head>

Ovviamente se avete la vostra favicon su un altro percorso inserirete un link assoluto

href=http://<percorso>/favicon.ico"

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

15 Commenti

  1. Allora nel blog non ho potuto infilarcela perchè essendo generato da wordpress è tutto in php… quindi nisba.
    Allora ho provato ad inserirlo su un sito fatto da me…

    http://www.marie-antoinette.it

    seguendo il percorso da te scritto… ma nisba neanche qui. Io la .ico l’ho inserita dentro la cartella images… ma per fargliela trovare non dovrei scrivere img src=”images/immagine.ico” anzichè solo href=”images/immagine.ico”?

  2. Non voglio approfittare, ma questa cosa mi sta facendo un po’ arrabbiare! che io non sia capace neanche di inserire una cavolo di favicon qualsiasi mi sembra assurdo!

    Dove sbaglio?

  3. Ho rettificato il codice di inserimento, inserisci quelle due stringhe, ora non dovresti avere problemi…

  4. ahaha no no non si molla!

    Nella seconda stringa hai lasciato favicon.ico, invece devi inserire di nuovo il link alla tua icona!

  5. Uhmm… avevo già provato e non ha funzionato. Ho anche ripulito la cache… ma niente.

    Sta diventando un tête-à-tête…

  6. ultima prova poi molliamo…

    devi sapere che il template del mio blog purtroppo, cambia i doppi apici in apici diversi e avvolte non compatibili con alcuni linguaggi.

    L’ho notato con Flash, prova a cancellare gli apici che hai copiato e inseriscili tu a manina SHIFT+2

    fammi sapere

    ciao

  7. Boh… forse il mio explorer non lo fa vedere a me… te lo vedi?

    anyway grazie davvero! sei stato fin troppo paziente con me! e scusami…
    ciao, Igor

  8. Si vede la favicon!! bravo!! Forse usi IE6, è per questo che non si vede

    Con IE7 e FF si vede! Mai arrendersi!

    Comque dovrai inserire il codice in tutte le pagine in cui vuoi far visualizzare l’icona

    ciao

Commenti