Favicon, tarayıcının adres çubuğunun sol tarafında bulunan ve ziyaret edilen sitenin grafiksel bir temsilini göstermek için web tarayıcıları tarafından kullanılan ikonik görsellerdir. Çoğu zaman web tarayıcınızın adres çubuğunda bulunur, ancak web tarayıcılarında yer imi listelerinde de kullanılabilir. İyi tasarlanmış favicon’lar, web sitenizin logosunu veya temasını eşleştirmek için tasarlanmıştır. Böylece kullanıcıların, web sitenizi bir bakışta tanıması hızlı ve kolay olacaktır.
İnternetin ilk yaygınlaşmaya başladığı zamanlarda, faviconlar sayfayı yer imlerine ekleyen ziyaretçilerin sayısının hesaplanması yani aslında web sitelerinin trafiğini tahmin etmek için bir yol olarak kullanılıyordu. (Google Analytics gibi araçlar henüz yokken)
Günümüzde ise bu ikonların bulunmasının temel nedeni, kullanıcı deneyimini iyileştirmektir. Adres çubuğunda, bağlantı çubuğunda, yer işareti alanındaki ve göz atma sekmelerindeki tüm modern tarayıcılarda kullanılır. Bunun yanı sıra, masaüstünüzdeki ve mobil cihazınızdaki ilgili web sitesi için bir kısayol bağlantısı oluşturduğunuzda birkaç tarayıcı da favicon’ları görmek mümkündür.
Favicon ne tür bir dosya olmalıdır?
Çoğu modern tarayıcı, bu ikon için PNG, GIF ve JPG formatlarını kullanmaktadır. Ancak bu format şu anda Internet Explorer için geçerli değildir. Tüm tarayıcılarda çalışan Microsoft ICO biçimini kullanmanız önerilir.
Hangi büyüklükte olmalı?
En çok tercih edilen ölçüler aşağıdaki gibidir.
16×16 px
32×32 px
48×48 px
64×64 px
128×128 px
Favicon nasıl eklenir?
Tercih etmiş olduğunu bir boyuttaki, .ico uzantılı dosyayı sunucunuzun kök dizinine gönderin. Daha sonra aşağıda belirtilmiş olan yönergeleri izleyerek ikonunuu sitenize kolaylıkla ekleyebilirsiniz.
1) Öncelikle index sayfanıza da HTML kodu içerisinde <head> etiketini bulun.
2) <head> kodu bulduktan sonra, hemen altına aşağıdaki kodu ekleyin.
<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />
Daha sonra tek yapmanız gereken sayfanızı yenilemek. Sayfayı yenilediğiniz halde görseli göremiyorsanız tarayıcınızın geçmişini silerek ya da gizli pencere üzerinden kontrol sağlayabilirsiniz.
Kod bilgisi eğer zor geldiyse, sizin için Favicon eklemeyi sadece 5 saniyede yapabileceğiniz Kobisi ile tanıştırmanın tam da vakti! Kobisi alt yapısı ile ölçeklendirmiş olduğunuz görselinizi JPG ya da PNG halde kullanıcı panelinizden ilgili alana yüklemeniz yeterli olacaktır.