Favicon'un 16 pikselli tek bir kare olmaktan çıkması yıllar önceydi. Bugün bir site sekmeler, Windows kısayolları, iPhone ana ekranları ve Android yükleme istemleri için bir avuç boyuta ve bunlara işaret eden işaretlemeye ihtiyaç duyuyor. Bu sayfa hepsini tek bir görselden, tarayıcınızda üretiyor.

Nasıl kullanılır

1. 1 Kare bir görsel bırakın, tercihen 512 px ya da daha büyük.
2. 2 Önizlemede her boyutu kontrol edin ve görseliniz saydamsa bir arka plan seçin.
3. 3 Zip'i indirin, sitenizin köküne açın ve HTML'i yapıştırın.

16 piksele göre tasarlayın, logoya göre değil

Sekme boyutunda bir favicon, bu sayfadaki bir noktanın genişliği kadardır. Kelime logoları gri lekeye dönüşür, ince çizgiler tamamen kaybolur. Tek bir harf, yalın bir biçim ya da logonun en ayırt edici parçası bu ölçeği atlatır; logonun tamamı neredeyse hiç atlatamaz.

PNG yeter; ICO bir kalıntıdır

Bugün kullanımda olan her tarayıcı PNG favicon okuyor; dolayısıyla bir yığın PNG dosyası ve doğru link etiketleri web'i kapsıyor. .ico kabı, Internet Explorer onu sitenin kökünde aradığı için var; çok eski bir şeyi desteklemek zorunda değilseniz atlayabilirsiniz.

Saydamlık telefonda farklı davranır

Tarayıcı sekmesinde saydam bir simge, temanın sunduğu her şeyin üzerine güzelce oturur. iPhone ana ekranında aynı dosyanın arkasına düz siyah bir kare gelir, çünkü iOS orada saydamlığı birleştirmez. Bir arka plan rengi belirleyin, simge ikisinde de kasıtlı görünsün.

Tarayıcı neden hâlâ eskisini gösteriyor

Favicon'lar sıkı biçimde ve uzun süre önbelleğe alınır, bazen normal bir yenilemenin ötesinde. Yenisinin gerçekten orada olduğunu doğrulamak için simge dosyasını doğrudan açın, sonra gizli pencerede kontrol edin. Güncellemeyi zorlamanın güvenilir yolu, dosya adını değiştirmek ya da adına bir sürüm eklemektir.