HTML Favicon Ekleme

Favicon, web sitesini veya blogu temsil etmek için kullanılan bir veya daha fazla simgeyi içeren küçük bir dosyadır. Sekme simgesi, web sitesi simgesi, URL simgesi veya yer imi simgesi olarak da bilinir.

Bu simge aslında adres çubuğunda, tarayıcının sekmesinde, tarayıcı geçmişinde, yer imi çubuğunda vb. görüntülenir. Bir site simgesinin görüntüsü .ico dosya biçimindedir. Çeşitli dosya biçimleri vardır, ancak .ico biçimi tüm tarayıcılar tarafından desteklenir.

Favicon Nasıl Oluşturulur

Favicon’u oluşturma adımları şunlardır:

• Favicon’u oluşturmak için aşağıdaki URL’ye tıklayın: https://www.favicon.cc/
• Favicon başarıyla oluşturulduktan sonra favicon indir seçeneğine tıklayarak favicon’u indirebiliriz.
• 3İndirme işleminden sonra dosya sistemi sürücüsünde favicon.ico adında bir favicon bulunur.

Favicon HTML dosyasına nasıl eklenir

Favicon.ico görüntüsünü HTML dosyasına ekleme adımları şunlardır:

HTML dosyasını açın. Ardından, site simgesini HTML dosyasına eklemek için aşağıdaki sözdizimini kullanın.

favicon.ico dosyasının ana dizine kaydedin.

Şimdi. HTML dosyasını herhangi bir tarayıcıda açın. Simgeyi web sayfasında görebiliriz.

Örnek:

Favicon Boyutları

Favicon icon eklerken dosya boyutuna dikkat etmelisiniz. Iconların iyi görünmesi için 16×16, 32×32, 64×64 ebatlarında tercih edin.

128 x 128 ölçülerinin üzerinde olmamasına dikkat edin. Daha yüksek boyutlar görselin yüklenmesini uzatacaktır.

Favicon dosya uzantıları

En çok kullanılan ve önerdiğim favicon dosya uzantısı .ico‘dur.

Önerilen dosya formatı .ico‘dur. (Buradan ico formatına çevirebilirsiniz. )

Animasyon favicon ekleme istiyorsanız .gif uzantılı resim dosyaları da kullanabilirsiniz.

Ayrıca .png, .jpg ve .jpeg dosya formatlarını da desteklemektedir.