Web Siteniz İçin Dakikalar İçinde Favicon Nasıl Yapılır
Favicon oluşturmak için logonuzun kare PNG, JPG veya GIF dosyasını pdfseotools.com'daki Favicon Oluşturucu'ya yükleyin. PNG simgeleri almak için PNG yükleyin. Tarayıcılar, iPhone, Android ve Windows için 17 simge boyutunda bir ZIP dosyası alırsınız. Dosyaları sitenizin kök dizinine yükleyin ve bağlantı etiketlerini sayfanızın başlığına ekleyin.

Anahtar bilgiler
- Girdi: PNG, JPG veya GIF – kare en iyisidir
- Çıktı: Tek ZIP dosyasında 17 boyut, yüklediğiniz formatta (PNG önerilir)
- Tarayıcıları (16–96 px), Apple (57–180 px), Android (36–192 px), Windows kutucuklarını (70–310 px) kapsar
- Google'ın arama sonuçlarında göstermesi için en az 48 × 48 piksel gerekir
Favicon Neden Önemlidir
✓🖼️ Favicon, tarayıcı sekmelerindeki, yer imlerindeki, telefon ana ekranlarındaki ve giderek artan bir şekilde Google sonuçlarındaki site adınızın yanındaki küçük simgedir. Net bir simge, yirmi açık sekme arasında sitenizi bulmayı kolaylaştırır ve aramada daha güvenilir görünür.
Favicon'unuzu nasıl oluşturursunuz – adım adım

Adım 1: Kare bir görüntü hazırlayın
Logo sembolünüzü düz bir arka plan üzerinde, en az 310 × 310 piksel boyutunda kullanın. Küçük metinleri kaldırın – 16 pikselde okunaksız hale gelir.
Adım 2: Yükleyin
Favicon Oluşturucu'yu açın ve görüntünüzü seçin – PNG en iyisidir, çünkü simgeler yüklediğiniz formatta kaydedilir.
Adım 3: Oluştur
Araç, tüm 17 boyutu tek seferde oluşturur.
Adım 4: ZIP'i İndirin
Bilgisayarınızda açın – bu dosyaları bir sonraki adımda web sitenize yükleyeceksiniz.
Web Sitenize Ekleyin
✓PNG dosyalarını sitenizin kök klasörüne (ana sayfanızın bulunduğu klasör) yükleyin, ardından sayfalarınızın <head> bölümünün içine şu satırları ekleyin:
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
WordPress: Görünüm → Özelleştir → Site Kimliği → Site Simgesi'ne gidin ve 512 × 512 boyutunda bir resim yükleyin – WordPress etiketleri sizin için ekler. Blogger: Düzen → Favicon → Düzenle.
Küçük boyutlar için tasarım ipuçları
- Tek bir kalın şekil veya harf kullanın – 16 pikselde ince ayrıntılar kaybolur.
- Açık ve koyu tarayıcı sekmelerinde çalışması için güçlü bir kontrast seçin.
- İnce çizgilerden ve uzun kelimelerden kaçının.
- Küçükken önizlemesini yapın: Tarayıcınızın yakınlaştırmasını azaltın ve sekmeye bakın.
pdfseotools.com'daki Favicon Oluşturucu'yu açın – ücretsiz, kayıt yok ve herhangi bir cihazda çalışır.
Sıkça Sorulan Sorular
Ne tür bir resim yüklemeliyim?
Logonuzun veya simgenizin kare PNG, JPG veya GIF formatında, tercihen en az 310 × 310 piksel ve küçük boyutlarda tanınabilecek kadar basit olmalıdır.
Üretici hangi boyutları oluşturur?
17 boyut, yüklediğiniz formatta kaydedilir (PNG simgeleri almak için PNG yükleyin): 16, 32 ve 96 piksel tarayıcı favorileri; 57'den 180 piksele kadar Apple dokunmatik simgeleri; 36, 48 ve 192 piksel Android simgeleri; ve 70, 144, 150 ve 310 piksel Microsoft döşemeleri. Hepsi bir ZIP dosyası olarak birlikte indirilir.
Yeni faviconum neden görünmüyor?
Tarayıcılar favorileri yoğun bir şekilde önbelleğe alır. Tarayıcı önbelleğini temizleyin veya siteyi özel bir pencerede açın. Google arama sonuçlarının güncellenmesi günler veya haftalar sürebilir.
Google faviconumu arama sonuçlarında gösteriyor mu?
Google, bunu site adınızın yanında gösterebilir. Tarayıcıların erişebileceği en az 48 × 48 piksel boyutunda kare bir simgeye ihtiyaç duyar.
Kare olmayan bir logo kullanabilir miyim?
Oluşturucu karelere yeniden boyutlandırır, bu nedenle geniş bir logo sıkıştırılır. Önce kare bir sürümünü kırpın – genellikle sadece sembolü.
Favicon.ico dosyasına ihtiyacım var mı?
Modern tarayıcılar, bu oluşturucunun ürettiği gibi HTML'nizde bağlantılı PNG faviconları kabul eder. Bazı site sahipleri eski tarayıcılar için kök dizine favicon.ico da ekler.
Özet
Kare bir logo girin, 17 boyut çıkacak, HTML'inize birkaç satır ekleyin – ve siteniz her yerde profesyonel bir simgeye sahip olsun. Onu Favicon Oluşturucu ile oluşturun ve daha fazla ücretsiz görsel araç keşfedin.
Sosyal Medyada Paylaş: