Logodan favicon: tarayıcı ve Google boyutları
Favicon, sitenizi temsil eden küçük semboldür. Tam adı küçültmek yerine logonun sembolünü kullanın. Sekmelerin, Google’ın ve yüklü web uygulamalarının gereksinimleri farklıdır; gerçek kullanım yerini test edin.

Hangi dosya nerede kullanılır?
| Kullanım yeri | Dosya | Boyut / kontrol |
|---|---|---|
| Tarayıcı sekmesi | SVG / ICO / PNG | 16, 32 px |
| Google Search | PNG / ICO | >48×48 px; PNG96 |
| Apple ana ekranı | apple-touch-icon.png | 180×180 px |
| Yüklü PWA | PNG + site.webmanifest | 192×192, 512×512 px |
Google için PNG veya ICO gibi desteklenen biçimler kullanın: SVG güncel listede yer almıyor. Kare simge en az 8×8 px olmalıdır; Google 48×48’den büyük önerir, dolayısıyla 96×96 yararlıdır, eski değildir. Ana sayfadan bağlantı verin, URL’yi sabit tutun ve Googlebot’un sayfaya, Googlebot-Image’ın görsele erişmesine izin verin. Kuralları karşılamak görünmeyi garanti etmez.
Simgeyi oluşturma ve yayımlama
- Tanınabilir bir sembolle başlayın; sloganı ve ince ayrıntıları çıkarın.
- Şekli 16 ve 32 px’de açık ve koyu arka planlarda kontrol edin.
- Vektörden dışa aktarın. LogoSaga paketinden tek bir favicon klasörü seçin ve manifest yollarını koruyun.
- Aşağıdaki bağlantıları yalnızca sunucuda bulunan dosyalar için ekleyin. PNG96, arama için ek bir dışa aktarımdır.

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />
SVG, prefers-color-scheme kullanabilir; ancak desteklediğiniz tarayıcıları ve sürümleri test edin. Her iki arka planda okunabilen bir sembol güvenilir yedektir. Apple touch ve manifest simgeleri ayrı dosyalardır, tarayıcı SVG’sinin otomatik sürümleri değildir.
Neden görünmüyor?
URL’yi doğrudan açın: hata veya giriş sayfası yerine görsel dönmelidir. Ana sayfa bağlantılarını ve tarayıcı bot erişimini kontrol edin. Tarayıcıda yenileyin veya yerel simge önbelleğini temizleyin. Google için URL’yi sabit tutun ve Search Console’dan ana sayfanın dizine eklenmesini isteyin; işlem günler veya haftalar sürebilir. Sürekli yeniden adlandırmak arama sorununu çözmez.
İlgili pratik rehberler: Logo testi: yayından önce 10 kontrol · Google İşletme Profili logosu: boyut ve yükleme
Eşleşen bir faviconla logo oluşturunSık sorulan sorular
Favicon hangi boyutta olmalı?
Google için PNG veya ICO gibi desteklenen biçimler kullanın: SVG güncel listede yer almıyor. Kare simge en az 8×8 px olmalıdır; Google 48×48’den büyük önerir, dolayısıyla 96×96 yararlıdır, eski değildir. Ana sayfadan bağlantı verin, URL’yi sabit tutun ve Googlebot’un sayfaya, Googlebot-Image’ın görsele erişmesine izin verin. Kuralları karşılamak görünmeyi garanti etmez.
Favicon hangi formatta olmalı — SVG, PNG mi ICO mu?
Favicon, sitenizi temsil eden küçük semboldür. Tam adı küçültmek yerine logonun sembolünü kullanın. Sekmelerin, Google’ın ve yüklü web uygulamalarının gereksinimleri farklıdır; gerçek kullanım yerini test edin.
Favicon koyu modda değişebilir mi?
SVG, prefers-color-scheme kullanabilir; ancak desteklediğiniz tarayıcıları ve sürümleri test edin. Her iki arka planda okunabilen bir sembol güvenilir yedektir. Apple touch ve manifest simgeleri ayrı dosyalardır, tarayıcı SVG’sinin otomatik sürümleri değildir.
Favicon'um neden görünmüyor veya güncellenmiyor?
URL’yi doğrudan açın: hata veya giriş sayfası yerine görsel dönmelidir. Ana sayfa bağlantılarını ve tarayıcı bot erişimini kontrol edin. Tarayıcıda yenileyin veya yerel simge önbelleğini temizleyin. Google için URL’yi sabit tutun ve Search Console’dan ana sayfanın dizine eklenmesini isteyin; işlem günler veya haftalar sürebilir. Sürekli yeniden adlandırmak arama sorununu çözmez.
Kaynaklar
- Define a favicon to show in search results — Google Search Central
- Web app manifest: icons — MDN Web Docs
- Configuring Web Applications — Apple Developer