Quando visiti un sito web come Google, Yahoo o wikiHow, potresti notare una piccola icona a sinistra della barra degli indirizzi. Questo è noto come favicon e puoi crearne uno tuo per un sito web. Oltre a dare al tuo sito un aspetto più professionale, l'icona apparirà nei segnalibri dell'utente accanto a qualsiasi pagina del tuo sito che ha inserito nei preferiti. Questo può aiutarli a trovare il tuo sito più facilmente.
Passi
Passaggio 1. Crea un'immagine di dimensioni 16x16 pixel
Dovrebbe essere un'immagine semplice, in modo che sia immediatamente riconoscibile.
Passaggio 2. Converti l'immagine in un file favicon.ico
Deve chiamarsi esattamente così, altrimenti il browser non lo riconoscerà. Un modo semplice per farlo è utilizzare Dynamic Drive FavIcon Generator. Un altro modo è utilizzare un editor di immagini gratuito GIMP e salvare l'immagine 16x16 in formato ICO.
Passaggio 3. Carica il file generato sul tuo sito web
Passaggio 4. Aggiungi il seguente codice all'HTML del tuo sito web
Dovresti inserirlo nella sezione del codice e assicurarti che il percorso dell'icona sia corretto, relativo alla pagina web. Il codice segue (supponendo che sia.html che.ico si trovino nella stessa directory superiore):
Passaggio 5. Aggiorna la pagina, fai un passo indietro e ammira la bellissima nuova icona del tuo sito web
Suggerimenti
- Anche se la tua icona sarà molto piccola, assicurati che altre persone possano leggerla/capirla facilmente.
- Se usi Linux, puoi convertire il file direttamente sul tuo computer. Basta scegliere un'immagine appropriata, aprire la riga di comando, accedere alla directory in cui si memorizza l'immagine e digitare: convert picture-p.webp" />
