Icona di pagina web

Quando si apre una pagina web noterete che nella barra del titolo è spesso presente una icona sulla sinistra che la contraddistingue. Ora vedremo come possiamo personalizzare questa icona.

1. Crea con Photoshop l'immagine:
3. Disegnandola o scaricandola dalla rete, poi ritagliala a 32 x 32 pixel e salvala come png o jpg.

   Converti il file .png o .jpg in .ico:

   • Trova un convertitore online affidabile in .ico Convertio.
   • Carica il tuo file nel convertitore.
   • Seleziona l’opzione di output .ico e avvia la conversione.

4. Carica l’icona sul tuo sito web:

   • Una volta ottenuto il file .ico, caricalo nella root del dominio del tuo sito web (la cartella principale del server).
   • Assicurati che il percorso completo dell’icona sia simile a questo: 
     
     <link rel="icon" href="http://tuo-dominio.com/favicon.ico">.

5. Aggiungi il tag nel codice HTML:

   • Inserisci il seguente tag nella sezione Head di tutte le pagine del tuo sito web:
     
     <link rel="icon" href="http://tuo-dominio.com/Favicon.ico">
     
     
   • L’attributo rel="icon" comunica al browser che si tratta dell’icona dei preferiti, mentre l’attributo href indica il percorso del file grafico sul sito web.