Favicon

Un \fa.vi.kon\ favicon è l'icona di un computer che simboleggia un sito web . I browser web possono utilizzare la favicon nella barra degli indirizzi , i segnalibri , le schede o altre scorciatoie .

Ad esempio, la favicon viene visualizzata nel browser (es. schede Mozilla Firefox ) e nei segnalibri (es. segnalibri browser Safari da Apple ) o recuperata tramite software FTP o lettura son RSS per identificare rapidamente e facilmente i siti. L'uso della favicon è di una certa importanza nella finitura di un sito e nell'immagine dell'azienda che comunica la sua favicon. Queste icone sono create dai progettisti dei siti web .

Etimologia

La parola favicon è una parola portmanteau nata dalla contrazione delle parole inglesi favorite (preferito) e icon (icon). Il nome è stato diffuso dal browser web Internet Explorer che richiedeva che il file icona si chiamasse favicon.ico .

Dettagli tecnici

La funzionalità è stata introdotta dal browser Internet Explorer 5 di Microsoft che ha testato la presenza di un file favicon.ico nella root del sito. Senza essere stato standardizzato, questo concetto è stato adottato da tutti i browser grafici; la pagina web ora specificando la sua icona direttamente nell'elemento head, con un codice del tipo:

<link rel="icon" type="image/png" href="favicon.png">

L'uso dell'intestazione ha permesso, tra l'altro, di eliminare il formato proprietario ICO e di estenderlo ad altri formati di immagine come PNG e GIF , consentendo l'uso di un altro nome di file.

I browser Internet Explorer versioni 6, 7, 8 e 9 supportano solo il formato ICO  ; altri browser, come Firefox , Safari e Opera , accettano anche altri formati .

Questa icona aveva inizialmente una dimensione di 16 × 16 o 32 × 32 pixel . Oggi, le pagine Web generalmente si adattano a diverse dimensioni, ad esempio 16 x 16, 32 x 32, 57 x 57, 60 x 60, 72 x 72, 76 x 76, 96 x 96, 114 x 114, 120 x 120, 144 x 144, 152 x 152, 180 x 180 e 192 x 192, che consente a ciascun browser di visualizzare l'icona più adatta in base allo spazio di visualizzazione disponibile sullo schermo.

Browser mobile

I dispositivi mobili Apple con sistema operativo iOS versione 1.1.3 o successiva, come iPod Touch , iPhone o iPad , nonché alcuni telefoni Android, offrono la possibilità di fornire un'icona utilizzata nella schermata iniziale. Questa icona è più grande dell'immagine utilizzata nella favicon e utilizza un'intestazione proprietaria di Apple, con un tag di tipo <link rel="apple-touch-icon" ...>nell'elemento headdella pagina .

Note e riferimenti

  1. Aggiungi un'icona favicon nel browser , AlsaCreation
  2. Domande frequenti sulla creazione di siti Web, 8.11. Come posso avere un'icona personalizzata quando le persone aggiungono il mio sito ai preferiti?
  3. (in) Come aggiungere una favicon al tuo sito , W3C , 2005
  4. (in) Mathias Bynens , "  Tutto quello che avresti sempre voluto sapere sulle icone touch  " ,2 marzo 2011(consultato il 15 novembre 2011 )

Articoli Correlati