En küçük aksesuar: Favicon

Muhammet Sevim — Sun, 29 Jul 2007 16:49:13 +0000

Yazıyı okumaya başlamadan önce durun ve üzerinizdeki aksesuarlara bir bakın; kolunuzdaki saatiniz, bileğinizdeki takınız, parmağınızdaki yüzüğünüz. Belki burnunuzdaki piercing, kol kaslarınızı daha da ortaya çıkaran dövme. Belki onlarsız dışarıya çıkamayacağınız, sizi siz yapan bu aksesuarlar, giyim ve stilinizi tamamlayan küçük; fakat önemli unsurlar. Tıpkı web sitelerinden tanıdığımız, sürekli gözümüze çarpan, biryerlerde asılı olarak bize göz kırpan o küçük faviconlar gibi.

Neden bahsediyoruz?

‘Faviconlar’, web tasarımcıları tarafından web siteleri için hazırlanan ve tarayıcılar tarafından belli yerlerde görüntülenen küçük ‘favori simgeleri’dir. Modern tarayıcılara örnek olarak Firefox, Safari ve Opera bu simgeleri adres çubuğunda ve sekme bölümünde gösterirken, Internet Explorer faviconları yer imleri penceresinde görüntülemektedir.

Mantık

kodları arasına yerleştirilen kodlar yardımıyla, sunucuya yüklenmiş olan favicon.ico isimli dosya tarayıcıya iletilmekte, ve bu dosya tarayıcı tarafından belli yerlerde görüntülenmektedir. Genellikle site tasarımı ile aynı stile sahip olan, 16×16 ve 32×32 piksel büyüklüğündeki bu dosyalar sitenin tasarımının, dolayısıyla renk ve genel stilinin ziyaretçinin aklında kalmasına yardımcı olmakta, ziyaretçinin beyninde küçük de olsa yer edinmektedirler.

Farklı kullanıcılar aynı platform üzerinde aynı tarayıcıya sahip olsalar bile, faviconların her bilgisayarda görüntüleneceği garantisi yoktur. Buna rağmen bu durum fazla yaşanmamaktadır.

Ben de isterim!

Tüm bunlar heyecan verici değil mi? Kullanımı da öyle, zira hiç kod yazmadan da sitenize bir favicon atayabilirsiniz! Tüm modern tarayıcılar, sitenin en üst klasöründe bulunan favicon.ico dosyasını otomatik olarak favicon olarak algılamaktadırlar. Kısacası, sitenizin ana klasörüne ‘favicon.ico’ isimli 32×32 veya 16×16 boyutlarındaki ikon dosyasınızı yüklediğinizde, ikonunuz favicon olarak algılanacak ve gerekli yerlere konumlandırılacaktır.

Eğer işinizi yine de ‘garantiye almak’, veya ikon dosyanızı sunucunuzda başka bir klasöre yüklemek isterseniz aşağıdaki iki koddan birini kullanabilirsiniz;

Dikkat ediniz

Yukarıdaki kodu sitenizin head bölümüne uygulamayı unutmayınız.
Simgenizin 16×16 veya 32×32 boyutlarından birine sahip olmasına dikkat ediniz. Çıktı boyutu 16×16′dır.

Ziyaret ediniz