Come inserire un'icona o un logo in fronte di un indirizzo web

February 17

Una favicon, abbreviazione di icona preferita, è una piccola immagine personalizzata che appare a sinistra di indirizzo di un sito web in un browser Web. Favicon in genere dispongono di una società o di un logo del sito Web e molti siti web utilizzano favicon per mantenere la coerenza con il marchio della società. Questa piccola immagine non solo viene visualizzato nella barra degli indirizzi del browser web, ma compaiono anche nella lista dei segnalibri del browser e le schede del browser. Web browser scaricare automaticamente favicon dalla pagina di origine HTML di un sito web.

istruzione

1 Avviare il photo editor e aprire un'immagine del logo della società. Se non si dispone di un logo aziendale, creare un nuovo progetto 64 di 64 pixel di dimensione. Prova a creare un design semplice utilizzando lo schema di siti web di colore, come ad esempio le iniziali del tuo indirizzo del sito web. Ad esempio, se il vostro sito è "Red Apple", creare una favicon con la sigla "Ra", usando la tavolozza dei colori del tuo sito web e un carattere particolare.

2 Ridimensionare l'immagine di 16 per 16 pixel, che è la dimensione solito favicon. Se l'immagine appare sfocata, modificare la dimensione di nuovo al 64 per 64 pixel e utilizzare affilare o di saturazione caratteristiche del vostro editor per aggiungere contrasto all'immagine. Ridimensionare l'immagine torna a 16 da 16 pixel per testare il contrasto icone. Affilare o aggiungere più di saturazione per la vostra preferenza, se necessario.

3 Nome dell'immagine "favicon" e salvarlo in un formato Windows Icon (ICO) con estensione .ico.

4 Connettersi al server del tuo sito web e posizionare il file favicon.ico nella directory principale del tuo sito web, la stessa posizione in cui la pagina di indice o di casa risiede. Evitare di posizionare il vostro favicon in qualsiasi directory o cartelle di immagini, perché i browser web si affacciano sul file.

5 Inserire un link nella testa del codice sorgente HTML in ogni pagina la favicon deve essere visualizzato utilizzando il seguente codice link: <link rel = href "Short icona" = "/ favicon.ico">. Alcuni browser aspettano un link diretto al tuo favicon nel codice sorgente HTML come un puntatore per rilevare una favicon.

6 Carica tutte le pagine con la favicon aggiunto e caricare il tuo sito web nel browser per visualizzare la favicon.

Consigli e avvertenze

  • È possibile utilizzare un generatore di favicon online gratuito per creare una favicon da un'immagine esistente se non si dispone di software di fotoritocco.