Hangi boyutlar gerekir?
| Dosya | Boyut | Kullanım |
|---|---|---|
| favicon.ico | 16, 32, 48 | Tarayıcı sekmesi, eski tarayıcılar |
| favicon-32x32.png | 32×32 | Modern tarayıcılar |
| apple-touch-icon.png | 180×180 | iOS ana ekran |
| android-chrome-192x192.png | 192×192 | Android, PWA |
| android-chrome-512x512.png | 512×512 | PWA açılış ekranı |
Tasarım ipuçları
- Kare ve en az 512×512 piksel bir kaynak kullanın.
- 16 pikselde okunabilmesi için sade şekiller ve yüksek kontrast seçin.
- Yazı kullanıyorsanız en fazla 1–2 harf kullanın.
HTML’e ekleme
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">Tüm dosyaları ve bu kodu tek adımda almak için favicon oluşturucuyu kullanın. Google arama sonuçlarında favicon’un görünmesi için dosyanın taranabilir olması ve en az 48 piksel katları (48, 96, 144…) bir görsel sunulması önerilir.