Il Logo di TeleTec.it - Va in Home Page
 
Come Creare una Favicon | TeleTec.it
Data: 28.07.2015 - 10:07:12 Il sito del tuo amico mostra una piccola icona personalizzata accanto al titolo del sito e anche tu vuoi fare la stessa cosa. In questa guida ti spieghiamo come fare.

In questa guida potrai creare un'icona per il tuo sito in modo semplice, veloce, gratuito e direttamente online. Ecco come creare subito la tua Favicon.

La Favicon - Che cos'è?
Si tratta di una piccola icona che viene mostrata in corrispondenza del titolo di un sito web o di un blog o in corrispondenza dell'url del sito. Inoltre quando un sito viene aggiunto in preferiti da parte di un utente, nell'elenco dei siti in preferiti verrà mostrato il nome del sito e l'icona, per facilitare l'individuazione del sito stesso.

Non ha caso la Favicon trae le sue origini da 2 parole inglesi, ovvero 'favorites' + 'icon', quindi 'Favicon'.

Come creare una Favicon online
In questa guida voglio mostrarti come creare una Favicon per il tuo sito o per il tuo blog direttamente online, senza quindi scaricare software nel tuo computer.

Avviamo l'editor HTML5 per creare la Favicon
Il primo passo da fare è cliccare qui per accedere all'editor online messo a disposizione dal sito MrWebMaster.

Ora abbiamo a disposizione 2 soluzioni per creare la Favicon. La prima soluzione è quella di crearla manualmente riempiendo gli spazi in modo tale da formare un'immagine. E' un'operazione divertente e creativa.

La seconda soluzione invece è quella sbrigativa. Non dovrai fare altro che cliccare su Importa Immagine e caricare un'immagine direttamente dal tuo computer. L'immagine verrà caricata nell'editor e potrà essere modificata ulteriormente oppure salvata nel computer.

Scarichiamo la Favicon nel computer
Dopo aver caricato l'immagine e visto l'anteprima, puoi scaricare la Favicon nel tuo computer cliccando sul tasto Scarica la Favicon.

Inseriamo la Favicon nel nostro sito o Blog
Ora che la tua Favicon è pronta non ti resta che inserirla nel tuo sito. La prima cosa da fare è quella di utilizzare un software FTP per copiare la Favicon nello spazio web del tuo sito.

Un ultimo passo ed è fatta
Infine, ma non per ultimo, dovrai aggiungere questa semplice riga di codice tra i Tags < head > e < /head > del tuo sito:

< link rel='icon' href='/percorso/favicon.ico' / >

Ricarichiamo il sito
Dopo aver aggiunto la riga e inserito la Favicon per vederla subito in azione apri il tuo sito e premi F5 o CTRL+R per aggiornare la pagina. Verrà mostrata l'icona vicino al nome del sito.

Note aggiuntive
Come ovviamente avrai già intuito il Tag Head che ho scritto sopra non deve avere spazi tra la barra maggiore e il Tag stesso, così anche come per il < link che deve essere senza spazio.
Semplicemente ho dovuto adottare questo sistema per non far processare al browser i tags che quindi non sarebbero stati mostrati nella guida.

Percorso della Favicon
Per il percorso puoi utilizzare direttamente l'url del tuo sito se è un sito dinamico, quindi un esempio è:

< link rel='icon' href='http://www.nomesito.it/favicon.ico' / >

Inoltre su Teletec.it puoi trovare anche software per creare icone e scaricare icone gratuite. Clicca qui per scoprire come.

 
 

Altre Guide Grafica

 
Come Trovare Illustrazioni Gratuite
Come Scegliere i Giusti Colori per Applicazioni e Siti Web
Come Aumentare le Dimensioni delle Immagini Senza Perderne la Qualità - Image Upscaler
Come Ridimensionare pił Immagini con un Click - I Love Img Resize
Come Rimuovere Oggetti e Macchie dalle Foto - TheInPaint
Tutte le guide per Grafica

Spero di esserti stato d'aiuto.
Sono Rosario Sancetta, il responsabile di questo sito. Sono un programmatore informatico dal 1991, un Top Contributor di Google, Eccellenza in Digitale Italiana ed Europea ed esperto in Web Marketing.



Da PcGuida.com Trend
#Blue Monday - Il Lunedi' piu' Triste dell'Anno

#17 Gennaio 2022

#Consumo Benzina: I Consigli per Consumare Meno

#Come Impedire di Far Appannare i Vetri dell'Auto

#Barzellette - Come Ridere Tutti i Giorni

#Trading Online - Guide per Iniziare

#Fare Soldi Online - Ecco 4 Utilissime Guide

#Live Napoli - Sampdoria

#Assicurazione Auto Online

#Siti di Annunci Online

 
^ Torna Su ^