Si chiama favicon!!! Riporto da html.it:
La piccola immagine che vedi accanto all'indirizzo di un sito sulla barra è chiamata favicon, una specie di contrazione per dire 'icona dei preferiti' (favorites in inglese). In effetti la sua funzione originaria fu quella di accompagnare il nome del sito quando veniva salvato tra i preferiti di Internet Explorer.
Prima di tutto bisogna creare l'immagine. La via più semplice è quella di usare un programma adatto alla creazione e modifica di file in formato .ico. Uno dei più completi è Microangelo:
: Disegnate le vostre icone con Microangelo
: Disegnare icone perfette per il proprio sito Web
Le immagini da usare come favicon devono avere 3 caratteristiche:
* massimo 256 colori;
* avere dimensioni di 16x16 pixel;
* essere salvate in formato e con estensione .ico.
Una via alternativa è quella di creare l'icona in un programma di grafica e di convertirla poi con programmi ad hoc.
La terza possibilità è quella di utilizzare un ottimo servizio come FavIcon from Pics. Si tratta di un servizio online e gratuito. Consente di creare favicon a partire da qualunque immagine pre-esistente (in formato .GIF, .PNG o .JPG). L'utilizzo è estremamente semplice.
Da questa pagina, usando il pulsante "Scegli documento", si seleziona dal nostro hard disk l'immagine da trasformare in icona. Una volta effettuata la scelta basta cliccare sul pulsante "Generate Favicon.ico" e attendere qualche secondo. L'applicazione genererà un nuovo pulsante, "Download FavIcon". Cliccandoci su, si potrà scaricare un file zip. Al suo interno si trova l'icona, un file favicon.ico.
L'ultimo passo. Bisogna trasferire il file favicon.ico nella root (directory principale) del sito. Sarà automaticamente riconosciuta dai browser che supportano questa funzione.