En küçük aksesuar: Favicon
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
TOPLAM 6 YORUM.
Yorumlarınız değerlidir. Bu yazıyla ilgili düşüncelerinizi belirtebilir, yardım talebinde bulunabilirsiniz.
Muhammet Sevim, (#) - 29.7.2007
Wordpress sistem hatasından dolayı arka arkaya birkaç hatırlatma e-postası alan ziyaretçilerimden özür dilerim…
Hackover, (#) - 29.7.2007
Teşekkürler. Verdiğin favicon.cc adresi çok hoş. İyi çalışmalar…
Abdullah Dağlı (abdagli), (#) - 29.7.2007
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.
Süleyman Şentürk, (#) - 30.7.2007
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.
ntguzel, (#) - 30.7.2007
@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.
Sevenos, (#) - 11.4.2008
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.
Yorumunuzu ekleyin
E-posta adresiniz hiçbir zaman yayınlanmayacaktır. Temel HTML metin şekillendirilmesi izinlidir. Sadece bu konuyla ilgili yorum yapmayı unutmayınız. Teşekkürler :)