Come fare una pagina web Icona

March 29

Come fare una pagina web Icona


Le piccole icone visualizzate a sinistra della barra degli indirizzi sono chiamati favicon (abbreviazione di icone preferite) e identificare visivamente un indirizzo web memorizzato nel vostro menu preferiti del browser. I browser 'visualizzata l'icona di default, a meno che, o il vostro Web designer, creare un'icona originale appositamente per il tuo sito. Le icone rendono un sito web distintivo da parte dei concorrenti. Inoltre, alcuni motori di ricerca visualizzano l'icona sito web con il link al sito nella pagina dei risultati di ricerca la creazione di un mini-marca.

istruzione

1 Disegnare l'idea che si desidera per l'icona. Tenere il design semplice, come una lettera maiuscola o un punto colorato. Evitare di linee sottili e utilizzare solo uno o due forme grafiche o lettere. Se non è possibile disegnare, prendere in considerazione fonti clip art on-line.

2 Creare un'icona, 16 da piazza 16-pixel, nel vostro programma di editor di immagini preferito su uno sfondo bianco. Limitarvi a di Windows 16 colori standard. Inizia con un formato più grande e poi esportare in formato se si trova il disegno in scala difficile.

3 Esportare l'immagine come file favicon.ico. Se l'editor non consente di esportare o salvare nella estensione del file .ico, salva in un .gif o .png formato quindi modificare manualmente l'estensione a un ico dopo aver caricato sul server.

4 Carica il file nella cartella principale del tuo sito web utilizzando un programma FTP. Carica .gif o .png file in formato binario. Ci vuole un po 'di tempo per il browser per visualizzare l'icona sito nella barra degli indirizzi. Prova la tua icona andando a www.YOURSITE.com/favicon.ico.

5 Aggiungere il codice di icona di collegamento <link rel = "icona di collegamento" HREF = "favicon.ico" type = "image / x-icon"> alla tua pagina tra i tag <head> </ head> tag. I browser che supportano le icone del sito web raccolgono automaticamente l'immagine, ma questo passo è consigliato per i pochi browser che non lo fanno.

Consigli e avvertenze

  • Scaricare un plugin gratuito chiamato icona plugin che permette di aprire e salvare immagini ICO in Adobe Photoshop.
  • icone animate sono fastidiosi. Mantenete il vostro disegno icona statica e facile da riconoscere.
  • Durante il test il nuovo file sito icona in Internet Explorer, potrebbe essere necessario svuotare la cache del browser per visualizzare l'icona.
  • Sito web preferiti vengono visualizzati come icone quadrati 16 pixel. Icone create 32 pixel per 32 pixel ridurrà alle dimensioni on-line; tuttavia, non creare un file di dimensioni superiori a 32 pixel quadrati.