Web Sitenize Favicon (Site Logosu) Nasıl Eklenir?
Basitçe ifade etmek gerekirse, favicon, tarayıcı sekmenizdeki meta başlığın yanında görünen web sitenizin logosudur. Başka bir deyişle, tarayıcıda boş bir belge simgesi göstermek yerine, web siteniz resmi web sitesi simgenizi gösterecektir.
Favicon (favicon, Sık Kullanılanlar simgesinin kısaltmasıdır, İngilizce'den çevrilmiştir. Favori simgesi anlamına gelir) - kısayol, web sitesi simgesi veya yer imi simgesi olarak da bilinen bir simge.
Favicon, bir sayfayı tanımlamaya yardımcı olan küçük bir simgedir. Bu, bir web sitesi için genellikle gözden kaçan bir marka kavramıdır.
Site başlığının yanındaki sarı W simgesi favicon denir.
Favicon, web uygulamalarında önemli bir rol oynar. Arama sonuçlarında sitenin görünümünü iyileştirebilir, sitenizin tanınırlığını artırabilir, kullanıcının istediği sayfayı yer imlerinde ve sekmelerde hızlı bir şekilde bulmasına yardımcı olabilir.
Ek olarak, kullanıcı sitenizin bir sayfasını telefon ana ekranına ekleyebilir veya bir web uygulaması olarak kaydedebilir. Bu durumda, favicon'u kullanarak çok sayıda başka uygulama arasından hızlı bir şekilde bir site bulabilirsiniz.
Site simgesi için hangi format kullanılmalı?
Önceden, ana format olarak .ICO kullanılıyordu. Bu formatın özelliği çok boyutluluktur. Bu dosya birkaç simge boyutunu saklayabilir. .ICO, .PNG formatıyla değiştirildi. .ICO'lar hala destekleniyor, ancak çoğu modern tarayıcı, daha hafif olan .PNG simge formatını tercih ediyor.
İcon kelimesinin türkçe karşılığıda "simge" dir. Resim editörüyle yapılacak favori simgesi yani Favicon boyutu 16×16, 32×32, 48×48, 64×64 128x128 ve 256x256 piksel ebatlarında olmalıdır.
Favicon simgesi, tarayıcıların adres çubuğunun sol kısmında görüntülenir. Birçok web tarayıcısı favicon dosya formatı konusunda .ico | .png | .gif formatlarını destekler. Mozilla Firefox ve Google Chrome güncel web taraycıları Gif animasyonuda desteklemektedir.
Artık web sitenizin kodlarında favicon olarak kullanmak istediğiniz görüntüyü belirtmeniz gerekiyor. Bu satırı web sitenizin kodundaki <head> </head> etiketleri arasına ekleyin:
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
Erkan ocak 16/08/2020
yönetici 17/08/2020
- HTML
- CSS
- PHP
- JQUERY
- PHOTOSHOP
- JavaScript
- Web Dünyası
- Linux
- MİTHRİL FRAMEWORK
- Laravel
- Git
- React
- HTML LİNK(Bağlantı)EKLEME - LİNK VERME
- HTML YAZI VE RESİM ORTALAMA
- HTML RESME LİNK VERME
- HTML FORM OLUŞTURMA
- CSS YATAY MENÜ YAPIMI
- HTML RESİM EKLEME
- CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
- HTML DİV ve SPAN NEDİR?
- HTML ARKAPLANA MÜZİK EKLEME
- KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME