Favicon Oluşturucu tek görselden bütün dosyaları ve site.webmanifest'i tarayıcıda üretir.
Favicon kaç piksel olmalı?
Tek bir boyut yetmez. Tarayıcı sekmesi 16 ve 32 piksel kullanır, Google arama sonucu için 48 pikselden büyük bir simge önerilir, iPhone ana ekranı 180 piksel, Android 192 ve 512 piksel kullanır. Bu yüzden Favicon Oluşturucu tek görselden bütün boyutları üretir. Kaynak görsel olarak en az 512 × 512 piksel, kare bir PNG ya da SVG yükleyin.
Pakette hangi dosya ne işe yarar?
| Dosya | Ne işe yarar |
|---|---|
| favicon.ico (16, 32, 48) | Tarayıcı sekmesi ve eski tarayıcılar |
| 96 piksel PNG | Arama sonuçları ve genel kullanım |
| 180 piksel iPhone simgesi | iPhone ana ekranı |
| 192 ve 512 piksel Android simgeleri | Android; any ve maskable amaçlı ayrı ayrı |
| site.webmanifest | Uygulama adı, renkler ve simgelerin tarif edildiği dosya |
Maskable simge, Android'in simgeyi telefonun kendi şekline (daire, yuvarlatılmış kare gibi) kırpabilmesi için, önemli içeriği kenarlardan uzak tutan bir tasarımdır. Ayrı bir dosya olması bundan: kırpılmayan "any" simge ile kırpılan "maskable" simge aynı dosya olamaz. Favicon Oluşturucu'nun maske önizlemesi, simgenizin kırpılınca nasıl görüneceğini gösterir.
Nasıl kullanılır?
- Simgenin kaynağını seçin: görsel, metin ya da emoji.
- Zemin rengini ve kenar boşluklarını ayarlayın, önizlemelere bakın.
- Web manifest alanlarını (uygulama adı, kısa ad, açıklama, dil kodu, renkler) doldurun.
- Paketi indirin, dosyaları sitenizin kök klasörüne yükleyin ve verilen HTML kodunu head bölümüne ekleyin.
WordPress kullanıyorsanız en kolayı Görünüm > Özelleştir > Site kimliği > Site simgesi bölümünden 512 × 512 piksel bir PNG yüklemektir; WordPress gereken boyutları kendisi üretir.
Favicon Google'da neden görünmüyor?
Google'ın belgesine göre favicon kare (1:1) olmalı ve en az 8 × 8 piksel olmalıdır; 48 × 48 pikselden büyük bir simge önerilir. En sık sebepler şunlardır:
- Simge yalnız alt sayfalarda bildirilmiş, ana sayfada değil
- Simge dosyası robots.txt ile engellenmiş
- Simge kare değil ya da 8 pikselden küçük
- Yalnız SVG simge var
Bunlar düzgünse Google'ın ana sayfayı yeniden taramasını bekleyin; bu birkaç gün ile birkaç hafta sürebilir. Search Console'daki URL denetimi aracıyla ana sayfa için dizine ekleme isteyebilirsiniz.
Yalnız SVG favicon yeterli mi?
Hayır. Güncel tarayıcılar sekmede SVG simgeyi kullanır, ama Google arama sonuçlarında SVG desteklenmez; iPhone ana ekranı da PNG ister. SVG'yi PNG ve ICO dosyalarıyla birlikte kullanın.
Favicon'u değiştirdim, neden eskisi görünüyor?
Tarayıcılar simgeyi uzun süre önbellekte tutar. Sayfayı zorla yenileyin ya da simgeyi yeni bir sekmede doğrudan açın. Kalıcı çözüm dosya adını değiştirmektir, örneğin favicon-v2.ico; HTML kodundaki adresi de buna göre güncelleyin.
Görselim nereye gidiyor?
Hiçbir yere. Görsel tarayıcınızda işlenir ve paket tarayıcınızda hazırlanır; sunucuya gönderilmez ve kaydedilmez.
Kaynaklar
Alıntı
Bahsedilen
- Belirtilmemiş
Temel Alınan Çalışma
- Belirtilmemiş
