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.

Bu sayfada
  1. Hangi dosya nerede kullanılır?
  2. Simgeyi oluşturma ve yayımlama
  3. Neden görünmüyor?
Tarayıcı sekmesi boyutundaki bir sürüm dahil olmak üzere favicon boyutlarında gösterilen aynı sembol.
Favicon, çok küçük boyutlarda net kalması için sadeleştirilmiş logonuzun sembolüdür.

Hangi dosya nerede kullanılır?

Kullanım yeriDosyaBoyut / kontrol
Tarayıcı sekmesiSVG / ICO / PNG16, 32 px
Google SearchPNG / ICO>48×48 px; PNG96
Apple ana ekranıapple-touch-icon.png180×180 px
Yüklü PWAPNG + site.webmanifest192×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

  1. Tanınabilir bir sembolle başlayın; sloganı ve ince ayrıntıları çıkarın.
  2. Şekli 16 ve 32 px’de açık ve koyu arka planlarda kontrol edin.
  3. Vektörden dışa aktarın. LogoSaga paketinden tek bir favicon klasörü seçin ve manifest yollarını koruyun.
  4. 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.
LogoSaga editörünün, favicon.svg'nin logo dosyalarıyla birlikte dahil edildiğini gösteren dışa aktarma adımı.
Vektör ana dosyadan dışa aktarmak, logoyla tam olarak eşleşen bir favicon verir.
<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şturun

Sı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