Ciao quell'immagine che vedi sulla barra di navigazione si chiama favicon. e la ottieni creandola con qualsiasi software per fotoritocco... ti spiego come farla in modo semplice:
crei o prendi un immagine a tuo piacimento la rinomici con il tuo programma con il nome di favicon l'estensione deve essere .ico e la grandezza massimma 16x16 pixel
quindi a questo punto tu avrai la tua immagine favicon.ico con la grandezza detta precedetemente , a questo punto la devi inserire nella pagina veb del tuo sito.
la devi posizione tra i tag <head></head> cosi :

<head>
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="icon" href="images/favicon.ico">
</head>

come puoi vedere ci sono due tipologie di inserimento il rel="shortcut icon" e rel="icon"

tempo fa lessi sul web che in alcuni browser uno dei due non viene letto e viceversa non ricordo pero i browser comunque cosi ti togli i sassi davanti ai piedi funziona benissimo.
dimenticavo l'immagine 16x16 che salvi la devi inserire in una cartella del tuo sito e richiamare il percorso con href="#"

spero di esserti stato d'aiuto