İcoMint Blog · .ico Dönüştürücü Rehberi

Favicon Nedir ve Neden Bu Kadar Önemli?

Bir web sitesi açtığınızda tarayıcı sekmesinde sitenin adının yanında küçük bir ikon görürsünüz. İşte bu ikona favicon denir — "favorite icon" kelimelerinin kısaltması. Küçücük görünümüne aldanmayın; favicon bir sitenin kimlik kartıdır.

Kullanıcılar genellikle onlarca sekmeyi aynı anda açık tutar. Bu kalabalıkta yalnızca favicon görünür — başlık metni küçülür, solar, kaybolur. Dikkat çekici ve tanınabilir bir favicon, ziyaretçinin sekmeyi doğru tanımasını sağlar ve siteye olan güveni pekiştirir. E-ticaret sitelerinde yapılan araştırmalar, profesyonel favicon kullanan sitelerin tarayıcı sekme geri dönüş oranını artırdığını gösteriyor.

Favoriteler (yer imleri) listesine de favicon yansır. Kullanıcı siteyi sık ziyaret ediyorsa yer imlerinde sitenizi ikon olarak görür — metin değil. Bu yüzden favicon bir logo kadar stratejik bir görsel öğedir.

Favicon hangi boyutlarda olmalı?

Modern tarayıcıların farklı bağlamlarda farklı boyutlara ihtiyacı vardır. Tarayıcı sekmesi için 16×16 veya 32×32 piksel yeterlidir; ancak Windows masaüstü kısayolları için 48×48, Apple cihazları için 180×180 piksellik özel bir sürüm gerekir. İşte tam da bu yüzden tek boyutlu bir PNG yeterli değil, birden çok boyutu kapsayan bir ICO dosyası tercih edilir. Tek bir .ico içine 16×16'dan 256×256'ya kadar tüm boyutları gömerek her platform için optimize çıktı elde edebilirsiniz.

HTML'e nasıl eklenir?

Favicon'u sayfanıza eklemek için <head> bölümüne birkaç satır kod yeterli: <link rel="icon" type="image/x-icon" href="/favicon.ico">. Apple cihazlar için ayrıca apple-touch-icon bağlantısı eklenmelidir. Modern tarayıcılar .ico yerine .png'yi de destekler; ancak en geniş uyumluluk için ICO formatı hâlâ standart kabul edilir.