Come creare una favicon per il tuo sito

October 2

Come creare una favicon per il tuo sito


Una favicon appare nella barra degli indirizzi del browser. Per esempio, la favicon per eHow è la lettera O con un segno di spunta che si vede nel logo del sito. Molti siti utilizzano questi favicon per aiutare a identificare e Brand loro sito. Qui mi limiterò a rivedere la procedura per creare una favicon per il proprio sito web.

istruzione

1 È possibile creare il proprio icona con un'immagine di propria scelta. Molte immagini non scala verso il basso in modo chiaro e pulito, in modo da scegliere un'immagine che è semplice e chiaro e ridurrà di dimensioni chiaramente.

2 Aprire l'immagine in qualsiasi strumento di editing fotografico che avete. GIMP, Photoshop, Fireworks o vernice Mostra Pro saranno tutti fare ciò che è necessario (vedi suggerimenti qui di seguito se non si dispone di alcuna di questo software disponibile).

3 Ritagliare l'immagine per contenere solo il materiale che si desidera visualizzare nella favicon, quindi ridurre le dimensioni di pixel a 16-by-16. La risoluzione dell'immagine deve essere di 72 o 96 dpi.

4 Salvare la nuova immagine. È possibile salvare come file JPEG, GIF o PNG. Carica l'immagine al tuo sito web.

5

Il modo corretto per collegare l'icona dipende dalla versione di HTML che si sta utilizzando nel tuo sito web. Per il collegamento all'icona utilizzando HTML 4.01, inserire il codice mostrato nell'immagine nella testa del documento. Naturalmente è necessario utilizzare le proprie informazioni, come il nome della vostra immagine e il server.

6

Se la tua pagina web utilizza XHTML 1.0, utilizzare codice simile a quello che si vede in questa immagine. Anche in questo caso, personalizzare le informazioni per soddisfare il vostro server e immagine particolare nome.

7

Questa opzione utilizzando l'attributo rel = "icona di collegamento" per il collegamento funzionerà in XHTML. Vedere il codice nell'immagine. L'icona deve essere denominato "favicon.ico" e l'icona deve essere conservata a livello superiore del sito (non in eventuali sottocartelle) per questo link per lavorare.

8 È possibile utilizzare un collegamento assoluto all'immagine come mostrato nell'esempio HTML 4.01, o un parente collegamento, come mostrato nella XHTML 1.0 esempio. Usa il tuo normale metodo di collegamento a un'immagine, relativa o assoluta, che si tratti di HTML 4.01 o XHTML.

9 Carica la pagina con il nuovo codice nell'intestazione del documento e ricaricare la pagina per provare a fare in modo che la nuova favicon appare nella barra degli indirizzi del browser.

Consigli e avvertenze

  • Uno strumento basato sul Web a Dynamic Drive chiamato il generatore di Favicon vi aiuterà a creare l'immagine, se non si ha il software di farlo da soli.
  • Un'applicazione Adobe AIR creerà icone per voi. Essa deve essere scaricato e installato sul proprio computer, ma è gratuito. Si sarebbe anche necessario scaricare e installare il runtime Adobe AIR, ma è anche gratuito.