Herhangi bir görsel yükle ve eksiksiz, modern bir favicon seti al: favicon.ico, tarayıcı sekmeleri için PNG ikonlar, iOS ana ekranı için Apple touch icon, Android Chrome ikonları ve bir web uygulaması manifesti; hepsi sitenin kök klasörüne bırakmaya hazır tek bir ZIP dosyasında. İstersen düz bir arka plan rengi seç (iOS saydam ikonların arkasında siyah, Android beyaz arka plan gösterdiği için işe yarar), kenar boşluğunu ayarla, bir tema rengi belirle ve web manifesti için uygulamana bir ad ver.
Nasıl çalışır?
Görselin sunucularımıza yüklenmez ve saklanmaz. Oluşturulan favicon.ico, günümüzdeki tüm tarayıcıların ve Windows Vista'dan bu yana Windows'un desteklediği modern ICO içinde PNG biçiminde 48×48 bir PNG içerir. Yanında favicon-96x96.png, favicon-192x192.png, favicon-512x512.png ve bir Apple touch icon bulunur; hepsi bir web manifestiyle birlikte tek ZIP dosyasında paketlenir. Kaynak görselin bir SVG ise, ölçeklenebilir vektör favicon'ları destekleyen tarayıcılar için orijinal dosya favicon.svg olarak da eklenir.
Adım adım örnek
Logonu yükle; istersen arka planı, kenar boşluğunu, tema rengini, uygulama adını ya da temel yolu ayarla ve "ZIP İndir" düğmesine tıkla. favicon.ico, favicon-96x96.png, favicon-192x192.png, favicon-512x512.png, apple-touch-icon.png ve site.webmanifest dosyalarını (SVG yüklediysen favicon.svg'yi de) alırsın. Yanında, sayfanın <head> bölümüne yapıştırmaya hazır ve temel yolu değiştirdikçe canlı güncellenen bir HTML kod parçası da bulunur.