Favicon Aracı - Kılavuz

Favicon Aracı, bir görseli (yapay zekâ ile oluşturulmuş olanı da) web siteni için gereken tüm favicon dosyalarına dönüştürür.

Oluşturma yolları

İki yol var:

1. Yükleme akışı: kendi görselini yükle ve favicon'ları oluştur
2. Yapay zekâ akışı: bir istemden veya URL'den görsel oluştur ve ondan favicon'lar üret

Gereksinimler

Motifi net seçilen, kare bir görsel kullan. 512×512 pikselden itibaren kullanışlı olur, daha büyüğü zarar vermez.

Seçenek A: Yükleme akışı

1. Favicon Aracı'nı aç
2. Görsel yükle altında logonu seç
3. Favicon'ları oluştur düğmesine tıkla
4. Ardından ZIP'i ya da tek tek dosyaları indir

Seçenek B: Yapay zekâ akışı

1. Aracın sağ tarafındaki Yapay zekâ ile görsel oluşturma alanını aç
2. Bir istem ya da bir tarama URL'si gir
3. Yapay zekâ ile görsel oluştur düğmesine tıkla
4. Önizlemeye bak ve Görseli kullan düğmesine tıkla
5. SEOFuxx favicon'ları bu görselden oluşturur

Şu an oluşturulan dosyalar

• favicon.ico
• favicon-16x16.png
• favicon-32x32.png
• favicon-48x48.png
• apple-touch-icon.png
• android-icon-192x192.png
• android-icon-256x256.png
• android-icon-512x512.png
• badge-72x72.png
• maskable_icon.png
• push-192x192.png

HTML'ine ekleme

Bu etiketler en azından <head> içine ait:

<link rel="icon" href="/favicon.ico" sizes="any" />
<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" href="/apple-touch-icon.png" />

Ekledikten sonra kontrol

Tarayıcı önbelleğini temizle, sayfayı yeniden yükle ve sekmedeki simgeye bak. Telefonunda mobil görünüme de göz at.

Sık karşılaşılan sorunlar

Favicon güncellenmiyor

• Sert yenileme yap (Ctrl+F5)
• Gizli pencerede de dene
• Kullanıyorsan CDN veya sunucu önbelleğini temizle

Yapay zekâ görseli uymuyor

• İstemi daha net yaz
• Başka bir tarama URL'si dene
• Yeni bir yapay zekâ görseli oluştur ve onu kullan