Bu yazımızda HTML siteye favicon ekleme konusunu inceleyeceğiz. Bilmeyenler için favicon nedir ? sorusunu yanıtlayarak başlayalım.
Favicon Nedir ?
Tarayıcının en üst kısmında yer alan adres çubuğunda bulunan küçük simgelere favicon denir.
Resimde de gördüğünüz üzere ok ile gösterilen kısım sitenin faviconudur.
HTML Favicon Boyutları
Favicon eklerken dikkat etmemiz gereken en önemli noktalardan birisi iconun boyutudur. Favicon boyutları 16×16, 32×32, 64×64 veya 128×128 olabilir. Daha yüksek boyutlarda bir icon sitenizin geç açılmasına neden olabilir.
HTML Favicon Dosya Uzantıları
Sitenize favicon eklerken herhangi bir bir resim formatını kullanabilirsiniz. Bunlar .jpg, .jpeg, .bmp, .gif, .png, .ico vs. kullanabilirsiniz. Ayrıca animasyonlu bir favicon eklemek isterseniz de .gif uzantılı bir resim dosyası da kullanabilirsiniz.
Siteye Favicon Nasıl Eklenir ?
Faviconu uygun bir boyut ve uzantıda belirledikten sonra tek yapmanız gereken <head></head> etiketleri arasına kodunuzu eklemek kalıyor. Hemen nasıl yapılacağını görelim.
HTML Favicon Ekleme Kodu
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>Bu yazımızda HTML siteye favicon ekleme konusunu işledik. Diğer HTML derslerimize de ulaşmak isterseniz buradan tümüne ulaşabilirsiniz.