2021 için Favicon özeti

• Tarayıcı spesifikasyonlarına göre çok sayıda dosya gerekiyor; bunu tek bir düzende topluyor

• 5 görsel ve bir JSON dosyası

→ .ico 32x32 : eski tarayıcılar

→ .svg : ölçeklenebilir, çoğu modern tarayıcı, dark mode desteği de var

→ apple-touch-icon 180x180 : Apple cihazları için; iOS 8+ sonrasında boyut 180x180. Yaklaşık 20px padding ve bir arka plan rengi eklenirse daha iyi görünür

→ manifest (JSON) : PWA ve Android cihazlar için

→ 192x192 : ana ekran

→ 512x512 : PWA yüklenirken splash screen için

• Yazı, bu 5 ikonu tek bir SVG'den üretip optimize etmeyi adım adım anlatıyor