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.


favicon

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

Yazılarınızı takip ediyorum detaylı anlatımınız için teşekkürler. Bu faviconların yanında sekmeden farklı bir sekmeye geçtiğinizde değişen title bilgisini nasıl yaptıkları hakkında bilginiz varmıdır.

yönetici 17/08/2020

Erkan, Web proramlamada HTML,CSS,JAVASCRİPT,PHP kullanılır. PHP dili ile bir sayfa çağrıldığında veritabanında bilgi çekerek HTML etiketlerinde uygun yere yazdırılıyor.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır.

4355

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML DİV ve SPAN NEDİR?
  • HTML FORM OLUŞTURMA
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML ARKAPLANA MÜZİK EKLEME
  • HTML AÇIKLAMA SATIRI
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.