Come inserire una favicon

Quella piccola icona che spesso vediamo nella barra dell'indirizzo, nelle schede alla destra del title e sui preferiti, è nota come favicon , abbreviazione di "favorites icon".

Vediamo come aggiungere alla nostra pagina web una favicon:

Intanto con un qualsiasi programma di grafica vettoriale, create un'immagine di 16px per 16px.E' un'immagine molto piccola quindi consiglio di creare forme semplici e usare colori molto contrastanti.

Apple richiede icone più grandi per le pagine viste sui suoi dispositivi(iPhone, iPod touch e iPad) quindi consiglia di farne una da 114 x 114 px quindi createne una seconda uguale con queste dimensioni e non preoccupatevi di aggiungere angoli arrotondati ombre e riflesso lucente perchè ci penserà direttamente il sistema operativo.

Una volta create le due immagini, 

salvate la prima (la più piccola) come "favicon.ico" (userete l'estensione ".ico" in quanto convenzionalmente più utilizzata per le favicon ma potreste anche salvare in png o gif),

e la seconda (quella per i dispositivi apple) come "favicon.png" 

Adesso prendete le immagini e trascinatele all'interno della root del sito ASSICURANDOVI DI LASCIARLE SUL RAMO PRINCIPALE DELLA CARTELLA DEL SITO, è importante che non si trovino in qualche sotto-cartella

Adesso possiamo agire sul codice della pagina:

Digitate nella sezione head del documento il codice relativo all'incorporamento della favicon nella pagina:

 

* La maggior parte dei browser visualizzerà la favicon senza l'elemento

 se denominate le due immagini rispettivamente favicon.ico e apple-touch-icon.png e li ponete nella cartella principare del sito.

 

In origine Internet Explorer richiedeva che i file della favicon risiedessero rigorosamente nella cartella principale del sito. 

Non è più cosi ma i browser ancora cercano i file in quella posizione se non dovesse essere presente l'elemento link.

Il risultato finale è questo:

Enjoy:)


« torna all'indice

Copyright © 1999-2018 | www.accademia-anja.com | Tutti i diritti riservati | P. IVA 0722671005
Google «» Trovaci su Google+