Web'de gezerken girdiğiniz her siteye göre farklı ikonların adres çubuğunda gösterildiğini farkına varmışsınızdır. Söz konusu adres çubuğunda gösterilen ikonlar aynı şekilde "Favorites" bölümlerine eklediğinizde de gözükecektir. Esas mesele biz bu ikonları web sitemiz nasıl koyarız sorusunda.
İlk olarak yapmamız gereken doğru ikon dosyasını bulmak veya hazırlamak. Doğru ikon dosyasının 16x16 piksel 8bit 256 renk olması gerekiyor. Eğer elinizde bu özelliklerde bir ikon yoksa kendi ikonunuzu da yaratabilirsiniz. Yapmanız gereken ilk olarak ikon haline çevirmek istediğiniz resmi bir JPEG dosyası olarak kaydetmek ve http://www.rw-designer.com/online_icon_maker.php adresindeki aracı kullanmak. "Online Icon Maker" adında araca elinizdeki JPEG dosyasını göndererek uygun bir ikon dosyası yaratmasını sağlayabiliyorsunuz. "Download Icon" linki ile siteden ikon dosyanızı alabilirsiniz.Artık ikon dosyamız hazır olduğuna göre onu sitemizin ana klasörüne (root) yükleyebiliriz. Dosyamızın adının favicon.ico şeklinde düzenlenmiş olması şart. Yükleme işlemini de tamamladıktan sonra son olarak aşağıdaki gibi kodumuzu HTML sayfanızın Header bölümüne eklemelisiniz.Kod:
<head>
<link rel="shortcut icon" href="/favicon.ico" />
<title>ikon sayfam</title>
</head>
__________________