Come Possiamo Aiutarti Oggi?

Ricerca su Teletec.itRicerca

Offerte di TelefoniaTelefonia: Offerte
Guide alla TelefoniaTelefonia: Guide
Guide InformaticheInformatica
Guida per InternetInternet
Guide di ElettronicaElettronica
Corso Online GratuitiCorsi
Canali TV UfficialiTv Online
Altri Servizi TeletecTutti i Servizi
Internet > Grafica
Data di publicazione: 28.07.2015 - 10:07:12

Come Creare una Favicon 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.

Come Creare una Favicon

Introduzione
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.

Contenuto
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.


Corso di Email Marketing

92 Utili Consigli per Inviare Email di Successo.

Scopri Subito Come Fare.



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.

Non hai risolto il problema con la nostra guida?

Chiedi l'aiuto ad un esperto cliccando qui.

Condivisione

Rosario Sancetta
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.

Contenuti Simili
1 - Come Convertire JPG in WEBP [Risolto]
2 - Come Convertire WebP in JPG [Risolto]
3 - Come Estrarre il Testo da Foto e Immagini con Google Drive [Risolto]
4 - Come Creare Poster, Volantini, Bigliettini da Visita e Grafica per YouTube e Instagram - DesignCap
5 - Come Ritoccare una Foto Online - BeFunky
+ Tutte le guide (Grafica) >>
Oppure:
Internet
> Grafica

IN PRIMO PIANO

Come Trasferire File da Smartphone a PC e Viceversa - Snapdrop
Come Trasferire File da Smartphone a PC e Viceversa - Snapdrop
In questo articolo, potrai vedere in pratica, la procedura per copiare file tra 2 dispositivi.
Telefonia > Varie 

CURIOSITA'

Apple: La piccola 'ì' prima del nome è stata aggiunta all'iMac presentato nel 1998. La ...Leggi tutto >>
Apple: La piccola 'ì' prima del nome è stata aggiunta all'iMac presentato nel 1998. La 'i' stava per Internet. ...[Chiudi]

LE NUOVE GUIDE


Come Avere un Numero di Telefono Gratis per Ricevere SMS Momentanei

Telefonia > Sms


Come Trovare Audio Divertenti per WhatsApp

Telefonia > Whatsapp


Come Trovare Frasi di Buongiorno per WhatsApp

Telefonia > Whatsapp


Come Trovare Bellissime Frasi per lo Stato di WhatsApp

Telefonia > Whatsapp


Come Inviare più Email con Allegati su Windows 11 [Risolto]

Computer > Office


Come Unire PDF ed Includere File di Microsoft Office in Automatico su Windows 11 [Risolto]

Computer > Pdf


Come Convertire JPG in WEBP [Risolto]

Internet > Grafica


Come Convertire WebP in JPG [Risolto]

Internet > Grafica


Come Modificare PDF Online Gratis con Windows 11 [Risolto]

Computer > Pdf


Tutte le Guide >>


TELEFONIA


Come Trasferire File da Smartphone a PC e Viceversa - Snapdrop

Telefonia > Varie


Come Avere un Numero di Telefono Gratis per Ricevere SMS Momentanei

Telefonia > Sms


Come Trovare Audio Divertenti per WhatsApp

Telefonia > Whatsapp


Come Trovare Frasi di Buongiorno per WhatsApp

Telefonia > Whatsapp


Come Trovare Bellissime Frasi per lo Stato di WhatsApp

Telefonia > Whatsapp


Come Personalizzare lo Sfondo di ogni Singola Chat di WhatsApp [Risolto]

Telefonia > Whatsapp


Come Caricare qualsiasi Smartphone tramite Wireless

Telefonia > Batteria


Come Potenziare la Status Bar di Android - Super Status Bar

Telefonia > Applicazioni Android


Come Prendere Note con Android ed Averle in Primo Piano - Notepin

Telefonia > Applicazioni Android


Come Inviare Messaggi che Scompaiono su WhatsApp [Risolto]

Telefonia > Whatsapp


Tutte le Guide >>


INFORMATICA


Come Inviare più Email con Allegati su Windows 11 [Risolto]

Computer > Office


Come Unire PDF ed Includere File di Microsoft Office in Automatico su Windows 11 [Risolto]

Computer > Pdf


Come Modificare PDF Online Gratis con Windows 11 [Risolto]

Computer > Pdf


Come Utilizzare il Tastierino Numerico come Mouse su Windows 11 [Risolto]

Computer > Mouse


Come Ripristinare il Funzionamento del Mouse su Windows 10 [Risolto]

Computer > Mouse


Come Stabilire se il Tuo PC è Compatibile con Windows 11

Computer > Windows11


Come Formattare una Chiavetta USB Protetta da Scrittura [Risolto]

Computer > Utility


Come Cambiare la Lingua di Google Chrome [Risolto]

Computer > Chrome


Come Aprire PDF Danneggiati [Risolto]

Computer > Pdf


Come Velocizzare il Computer [Risolto]

Computer > Utility


Tutte le Guide >>


INTERNET


Come Convertire JPG in WEBP [Risolto]

Internet > Grafica


Come Convertire WebP in JPG [Risolto]

Internet > Grafica


Come Registrare una Riunione di Google Meet [Risolto]

Internet > Google


Come Funziona Spotify Greenroom

Internet > Spotify


Come Caricare File su Google Drive in Caso di Problemi [Risolto]

Internet > Drive


Come Scoprire a chi Appartiene un Indirizzo Email [Risolto]

Internet > Email


Come Estrarre il Testo da Foto e Immagini con Google Drive [Risolto]

Internet > Grafica


Come Estrarre il Testo da un PDF con Google Drive [Risolto]

Internet > Pdf


Come Avviare un Canale YouTube di Successo

Internet > Youtube


Come Funziona Zoom e Come Usarlo al Meglio

Internet > Zoom


Tutte le Guide >>


ELETTRONICA


Come Ridare Vita alle Batterie di Smartphone, Notebook e Tablet

Altro > Elettronica


Come Fare Foto a 360 da caricare su Facebook

Altro > Fotografia


Come Inviare il Tuo Video a Italia 1

Altro > Mediaset


Come Fare il Reset alle Stampanti Epson

Altro > Stampante


Come Resettare il Tamburo Dr2000 / 2200 della Brother

Altro > Stampante


Come Attivare la Smartcard tivùsat

Altro > Tivùsat


Come Trasformare una Vecchia TV in una Tv Smart con Amazon

Altro > Amazon


Come Avere la Guida TV di Tivùsat su Smartphone

Altro > Tivùsat


Come Controllare l'Ufficio Tramite Smartphone e Mini Telecamera Spia WiFi

Altro > Sicurezza


Come Funziona Magia di Stelle

Altro > Elettricita


Tutte le Guide >>