Favicon, internet sitelerinin sekme başlarında görünen küçük ikonlara verilen isimdir. Geleneksel olarak favicon, HTML kodlarının head kısmına eklenen tek satırlık kodlardır ve aşağıdaki gibi eklenmektedir:
ico uzantılı facicon dosyası için:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
png uzantılı favicon dosyası için:
<link rel="icon" type="image/png" href="/favicon.png"/>
Ancak artık akıllı telefonlar ve tablet gibi internete erişimi olan diğer cihazlar, internet sitelerini ve ikonlarını farklı çözünürlüklerde görüntüledikleri için tümü ile uyumlu olabilmesi için favicon dosyalarının çeşitli boyutlarda yüklenmesi gerekmektedir. Bu amaçla da tek bir png dosyasını tüm gerekli boyutlara dönüştüren çeşitli araçlar ve internet siteleri hizmet vermektedir.
Örneğin favicomatic.com sitesine girerek favicon olarak kullanacağınız görsel dosyasını yükleyebilir ve siteden sizin için tüm gerekli çözünürlüklerde favicon dosyalarını ve ekleyeceğiniz HTML kodlarını üretmesini ücretsiz olarak sağlayabilirsiniz.
Editör editi: benzer içerikli bazı diğer yazılar için;
bkz: Favicon yapma sitesi tavsiyesi
bkz: HTML'de number input'a klavye girişini engellemek
bkz: Javascript/HTML ile parolayı göster gizle butonu yapımı
bkz: HTML5'te Yorum ve Alıntı (blockquote) Tasarımı ve CSS Örnekleri
bkz: CSS'te tek seferde tüm HTML elemanlarını seçmek
bkz: CSS'te Etiket Seçicileri ile HTML Elemanlarını Seçmek