Web Siteleri için En İyi Favicon Boyutları
İnternette onlarca öneri var. İşte aslında kullanıcıların %100'ünü kapsayan minimum set.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Hangi tarayıcıların istediği
Masaüstü tarayıcılar 16×16 (sekme), 32×32 (yer işareti çubuğu) ve 48×48 (arama sonuçları) ister. Üçü de tek bir .ico dosyasının içinde mutlu bir şekilde yaşıyor.
Hangi işletim sistemlerinin talep ettiği
Windows Başlat menüsü ve Dosya Gezgini 256×256'ya kadar istekte bulunabilir. macOS .icns'yi tercih ediyor ancak .ico'yu kabul ediyor. Her şeyi kapsayacak şekilde .ico dosyanızda 16, 32, 48, 64, 128, 256'yı paketleyin.
Hangi PWA'ler ve mobil istek
Temiz ana ekran kurulumları için 180×180 (apple-touch-icon) ve 192×192 + 512×512 PNG'ler (web bildirimi) ekleyin.
Minimum uygulanabilir set
Bildiriminizde çok boyutlu favicon.ico + apple-touch-icon.png (180×180) + 512×512 PNG. İşte bu.
SSS
What is the best favicon size for websites?
Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.
What favicon size do browsers use in tabs?
Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.
What is the minimum favicon setup?
A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.
Do I need a 256×256 favicon?
Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.