Favicon, web sitenizin tarayıcı sekmesinde veya yer imlerinde görünen küçük bir simgedir. Favicon, genellikle web sitenizin logosunu veya marka simgesini temsil eder. Favicon, genellikle "favicon.ico" adlı bir dosyadır ve web sitenizin kök dizininde bulunur. Ancak, modern web geliştirmesi için genellikle farklı formatlarda (örneğin PNG veya SVG) ve farklı adlarda favicon dosyaları kullanmak mümkündür.
İşte basit bir HTML belgesinde favicon eklemek için adımlar:
-
Favicon dosyasını oluşturun veya hazırlayın. Genellikle 16x16 veya 32x32 piksel boyutlarında bir ikon olması önerilir. İcon dosyanızı "favicon.ico" adıyla kaydedebilirsiniz.
-
Favicon dosyanızı web sitenizin kök dizinine yerleştirin.
-
HTML belgenizin
<head>bölümüne aşağıdaki kodu ekleyin:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon eklemek için link etiketi -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<title>Web Sitenizin Başlığı</title>
</head>
<body>
<!-- Sayfa içeriği buraya gelir -->
</body>
</html>
Yukarıdaki örnekte, <link> etiketi ile bir favicon bağlantısı eklenmiştir. rel="icon" favicon'ın bağlantı olduğunu belirtir ve href="favicon.ico" favicon dosyasının yolu veya URL'sini belirtir. type="image/x-icon" ise dosyanın tipini belirtir.
Unutmayın ki bazı tarayıcılar diğer formatları da destekleyebilir, bu nedenle favicon dosyanızı birden çok formatta sunmanız önerilir. Ayrıca, daha modern ve esnek bir yaklaşım için <link> etiketi içinde SVG veya PNG gibi formatları kullanabilirsiniz.