Come pubblicare un Favicon sul tuo sito

• Potrebbe 12, 2024

L'icona favicon, o scorciatoia, è la piccola immagine che appare accanto all'URL di un sito nella barra degli indirizzi del browser. Viene inoltre visualizzato accanto al nome del sito nell'elenco Preferiti o Preferiti e, se si utilizza un browser a schede, potrebbe essere visualizzato anche nella scheda.

Pubblicare una favicon sul tuo sito è un bel modo per aggiungere un po 'di personalità ed è in realtà abbastanza semplice. La parte più difficile del processo è scegliere un'immagine per cominciare! Se hai un buon occhio per la grafica, potresti progettare il tuo. In caso contrario, puoi sempre scegliere un'immagine dal Web. Se decidi di utilizzare un'immagine esistente, NON scaricare semplicemente un elemento grafico da un altro sito e pubblicarlo sul tuo sito Web, violeresti il ​​copyright di quel webmaster e potresti finire in guai seri. Prendi invece un'immagine da una delle fonti gratuite su Internet.

La favicon deve avere una dimensione specifica per funzionare: 16X16 pixel o 32X32 pixel. Questo è davvero minuscolo, quindi quando selezioni l'immagine di base assicurati che sia quella che sembrerà perfettamente ridotta alla dimensione del francobollo. I colori vivaci e le forme semplici di solito funzionano meglio. Devi anche salvare la tua immagine in uno dei formati favicon accettati: .png, .gif o .ico. La maggior parte degli sviluppatori web usa .ico perché la tua favicon sarà probabilmente l'unico file sul tuo sito web con tale estensione, quindi si distinguerà quando sfoglierai le directory del tuo sito.

È possibile utilizzare uno dei numerosi strumenti Web gratuiti per convertire l'immagine in un file .ico di dimensioni corrette. Ne uso uno offerto dai creatori di HTML Kit, che consente di creare favicon sia statici che animati. C'è un link allo strumento favicon sotto questo articolo.

Ora arriva la parte facile: aggiungere la favicon al tuo sito! Hai due opzioni per visualizzare l'immagine favicon. La prima e la più sicura opzione è quella di mettere il seguente codice nella sezione head di ogni pagina in cui si desidera visualizzare la favicon, sostituendo la parte 'href' con l'URL della favicon:


type = "image / ico"
href = "// example.com/myicon.ico">

La seconda opzione è di nominare la tua favicon "favicon.ico" e posizionarla nella tua directory root (questa è di solito la stessa directory della tua homepage). Con questo metodo non è nemmeno necessario aggiungere codice alle tue pagine web e quasi tutti i browser prenderanno l'icona, tuttavia, alcuni browser (di solito quelli più vecchi) non visualizzeranno la favicon se usi questo metodo.

Istruzioni Video: Come inserire la favicon (Potrebbe 2024).