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
<head></head> 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;
<link rel="shortcut icon" href="http://siteniz.com/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="icon" href="http://siteniz.com/favicon.ico" type="image/vnd.microsoft.icon" />
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
Oluşturmuş olduğunuz grafikleri ikon dosyasına Photoshop aracılığıyla dönüştürmek isterseniz bu photoshop eklentisi hoşunuza gidecektir. Şayet bu işlemi çevrimiçi ve ücretsiz olarak yapmak isterseniz bu adres tam size göre. Kendi grafiğinizi internetten oluşturmak ister, ve diğer favicon örneklerine göz atmak isterseniz burası tam sizlik.
Yorumlar
6 kişi yazı hakkındaki fikrini belirtmiş.
Wordpress sistem hatasından dolayı arka arkaya birkaç hatırlatma e-postası alan ziyaretçilerimden özür dilerim…
Muhammet Sevim, 29.7.2007 tarihinde yazmış.
Teşekkürler. Verdiğin favicon.cc adresi çok hoş. İyi çalışmalar…
Hackover, 29.7.2007 tarihinde yazmış.
Dediğin gibi “favicon” lar gerçekten de ziyaretçilerin akıllarında bir iz bırakıyor.
Bilgisayar ağlarında veri iletişim hızı tek belirleyici olmamakla birlikte dosyanın boyutuyla ters orantılıdır. Bazen düşünürüm; insanların veri deposu ve veri işleme merkezi olan beyinleri de aynı mantıkla mı çalışıyor diye! Kimi zaman bu dediğimi destekleyen fikirlere kapılıyorum, kimi zamansa insan beyninin çok farklı bir yapıya sahip olduğu kanısına varıyorum.
Gelgelelim bu küçük boyutlu (hem fiziksel boyuti hem de insanın zihninde bıraktığı boyut) “favicon” lar da aynı şekilde boyutlarından ötürü insanların akıllarına çabuk geliyor olmasın?! Belki de bundan dolayı bu küçükşeyler çoğu büyük etkenlere göre çok daha başarılı olabiliyor.
Abdullah Dağlı (abdagli), 29.7.2007 tarihinde yazmış.
Anlatımın faydalı ve hoş olmuş. Yeni dönemin ilk makalesi olması açısından da bizi sevindirdi. Bu arada tasarımda yaptığın değişiklikler de göze hoş geliyor.
Süleyman Şentürk, 30.7.2007 tarihinde yazmış.
@abdagli’nin da dediği gibi faviconların , site açılış sürecinde göze çarpan ilk detaylardan biri olduğu için site adına önemli bir yeri oluyor.
ntguzel, 30.7.2007 tarihinde yazmış.
Detaylara önem veren biri olarak uzun zamandır bu favicon olayını eklemek istiyordum sayfalarıma, Çok anlaşılır ve güzel bir yazı olmuş. Teşekkürler.
Sevenos, 11.4.2008 tarihinde yazmış.
E-posta adresiniz hiçbir zaman yayınlanmaz. Temel HTML metin şekillendirilmesi izinlidir.