Favicon Ekleme HTML CSS
Favicon, web sitenizin adres çubuğunda ve sekmelerinde görüntülenen küçük bir simgedir. Favicon’lar, web sitenizi daha çekici hale getirmek ve kullanıcıların web sitenizi daha kolay hatırlamasını sağlamak için kullanılır.
Favicon eklemek için iki farklı yöntem vardır:
- HTML koduna favicon eklemek
- CSS koduna favicon eklemek
HTML Koduna Favicon Eklemek
HTML koduna favicon eklemek için aşağıdaki adımları izleyin:
- Favicon’unuzu oluşturun. Favicon’unuzu oluşturmak için Photoshop veya GIMP gibi bir görüntü düzenleme programı kullanabilirsiniz. Favicon’unuzun boyutu 16×16 piksel olmalıdır.
- Favicon’unuzu web sitenizin kök dizinine yükleyin.
- HTML kodunuza aşağıdaki satırı ekleyin:
<link rel="shortcut icon" href="favicon.ico">
Bu satır, web tarayıcısına favicon’unuzun yerini söyler.
CSS Koduna Favicon Eklemek
CSS koduna favicon eklemek için aşağıdaki adımları izleyin:
- Favicon’unuzu oluşturun. Favicon’unuzu oluşturmak için Photoshop veya GIMP gibi bir görüntü düzenleme programı kullanabilirsiniz. Favicon’unuzun boyutu 16×16 piksel olmalıdır.
- Favicon’unuzu web sitenizin kök dizinine yükleyin.
- CSS kodunuza aşağıdaki satırı ekleyin:
link {
rel: "shortcut icon";
href: "favicon.ico";
}
Bu satır, web tarayıcısına favicon’unuzun yerini söyler.
Faydalı Siteler ve İlgili Dosyalar