Favicon nasıl oluşturulur?
Logondan favicon.ico, Apple dokunmatik ikonu, Android/PWA ikonları ve site.webmanifest dosyasını tek seferde üretme rehberi.
Favicon, tarayıcı sekmesinde, yer imlerinde ve Google arama sonuçlarında sitenin yanında görünen küçük simgedir. Eksik ya da varsayılan bir favicon siteyi özensiz gösterir; Google da arama sonuçlarında logon yerine boş bir simge gösterir.
Adımlar
1) /app/favicon sayfasında logonu yükle (kare, en az 512×512 piksel önerilir; SVG de olur). 2) Arka plan rengini ve kenar boşluğunu ayarla. 3) Önizlemede farklı boyutları kontrol et. 4) ZIP olarak indir.
ZIP'te neler var?
16, 32 ve 48 piksel boyutlarını içeren favicon.ico; 180 piksellik Apple dokunmatik ikonu; Android ve PWA için 192 ve 512 piksellik ikonlar; bunları tanımlayan site.webmanifest dosyası ve sitenin <head> bölümüne yapıştıracağın HTML satırları.
Sitene nasıl eklenir?
Dosyaları sitenin kök dizinine yükle ve ZIP'teki HTML satırlarını <head> bölümüne ekle. WordPress'te 'Görünüm > Özelleştir > Site Kimliği' altından da yükleyebilirsin. Google'ın yeni favicon'u görmesi birkaç gün sürebilir; Search Console'dan ana sayfa için yeniden tarama isteyebilirsin.
Sık sorulan sorular
- Favicon için en iyi boyut nedir?
- Kaynak olarak en az 512×512 piksel kare bir görsel kullan. Araç gereken tüm küçük boyutları bundan üretir.
- Logom kare değilse ne olur?
- Araç logonu kareye sığdırır ve kalan alanı seçtiğin arka plan rengiyle doldurur.
- Favicon oluşturmak ücretli mi?
- Önizleme ücretsizdir; ZIP indirmek 1 kredi tutar. Yeni hesaplar 5 ücretsiz krediyle başlar.