Come mettere un'icona nella barra degli indirizzi del mio sito web

August 27

Molti siti web mostrano un piccolo grafico all'interno della barra degli indirizzi, comunemente una piccola versione del logo del sito web o della mascotte della società. Queste piccole immagini sono spesso indicati come "favicon", che è l'abbreviazione di "Favorites icone", e sono generalmente realizzati per rendere i siti web risaltare di più, soprattutto quando viene segnalibro. Mettere uno sul vostro sito web non è molto difficile o in termini di tempo, ma si tratta di sezioni di codice del sito, quindi cautela è suggerita.

istruzione

1 Creare l'immagine che si desidera avere visualizzato nella barra degli indirizzi. Favicon sono generalmente creati nei formati di pixel a 16-by-16, quindi si consiglia di qualcosa di semplice. Molti siti web utilizzeranno un acronimo del nome del loro sito, una piccola lettera su uno sfondo colorato, o una semplice grafica del logo del proprio sito. Queste icone possono essere creati in qualsiasi cosa, da Paint per Photoshop, quindi non c'è bisogno di preoccuparsi di avere il programma giusto.

2 Salvare il file come .jpg, .png, .gif o file bmp. Il file .png è generalmente preferibile perché mantiene la sua chiarezza, mantenendo un file di piccole dimensioni. Salvare l'immagine sul desktop, e il nome "favicon". Il nome del file dovrebbe essere simile "favicon.png," sostituendo qualunque estensione del file che hai scelto per .png, se necessario.

3 Convertire il file in un formato .ico. Per fare questo è possibile utilizzare uno strumento di conversione online gratuito come convertico.com, dove è possibile caricare il file di immagine e scaricare il file .ico una volta che è stato convertito. Si dovrebbe vedere "favicon.ico" sul desktop quando si è finito di scaricare il file convertito.

4 Carica il file .ico al tuo sito web. Per rendere più facile, caricarlo nella directory predefinita in cui il resto delle pagine Web sono. Doppia verificare che l'icona è lì per andare a "www.yoursite.com/favicon.ico" e sostituire yoursite.com con il proprio URL. Se lo vedi lì, il caricamento ha avuto successo.

5 Modificare le pagine del sito web, e tra i tag <head>, incollare il seguente codice:

<Link rel = tipo "icona di collegamento" = "image / x-icon" href = "/ favicon.ico">

Salvare la pagina, ri-upload, se necessario, e aggiornare il tuo sito web. La vostra barra degli URL dovrebbe ora visualizzare la propria favicon alla sinistra dell'URL.

Consigli e avvertenze

  • Favicon possono venire in una varietà di stili e dimensioni. Mentre 16-by-16 è il più comune, ci sono anche 32-by-32 e 64-by-64 dimensioni di pixel.
  • Molti browser supportano anche immagini animate per favicon, quindi se siete in grado di rendere le immagini animate, questi possono essere aggiunti alla barra degli indirizzi.
  • C'è la possibilità tuo favicon potrebbe non apparire sulla barra degli indirizzi subito. Lascia la tua sito web po 'di tempo per aggiornare e riavviare il browser, se necessario.

Articoli Correlati