Favicon Nasıl Yapılır?
Favicon yapmak için yukarıya logonuzu ekleyin - ya da bir harf veya emoji yazın - görünümü ayarlayın ve ZIP dosyasını indirin. Önizlemeler simgeyi gerçek boyutlarında ve bir tarayıcı sekmesinde, açık ve koyu modda gösterir.
- Kaynağı seçin. PNG veya SVG logo en iyi sonucu verir; diğer resimler bir karenin içine sığdırılır. Logonuz yok mu? Renkli bir arka plan üzerinde harf veya emoji kullanın.
- Görünümü ayarlayın. Arka plan rengi veya saydam, şekil (yuvarlak köşeli, kare ya da daire) ve resmin etrafındaki boşluk miktarı.
- İndirin. Tüm simgeleri indir tam paketi verir; Yalnızca favicon.ico sadece tek dosyayı verir.
Favicon Paketinde Neler Var?
| Dosya | Boyut | Kullanım yeri |
|---|---|---|
favicon.ico | 16, 32 ve 48 px | Tüm tarayıcılar, Windows, arama sonuçları |
favicon-16x16.png, favicon-32x32.png | 16 ve 32 px | Tarayıcı sekmeleri ve yer imleri |
apple-touch-icon.png | 180 px | iPhone ve iPad ana ekranı |
android-chrome-192x192.png, -512x512.png | 192 ve 512 px | Android ana ekranı, yüklenen web uygulamaları |
site.webmanifest | - | Android ve web uygulamaları için simgelerin adlarını ve renklerini belirler |
favicon-html.txt | - | Sayfalarınıza yapıştıracağınız etiketler |
Apple simgesi her zaman düz bir arka plan ve köşeli kenarlarla oluşturulur: iPhone'lar köşeleri kendisi yuvarlar ve saydam alanları siyah gösterir.
Favicon'u Web Sitenize Ekleyin
- Paketi açın ve dosyaları web sitenizin kök klasörüne, ana sayfanızın yanına yükleyin;
böylece
yoursite.com/favicon.icoadresi simgeyi açar. - HTML etiketlerini (yukarıda ve
favicon-html.txtdosyasında görünür) sayfalarınızın<head>bölümüne yapıştırın. - Önbelleği temizleyerek yeniden yükleyin. Tarayıcılar eski favicon'ları saklar, bu yüzden gizli pencere en hızlı kontrol yoludur.
WordPress'te bunun yerine 512 px simgeyi Özelleştirici'den Site Simgesi olarak ayarlayabilirsiniz; diğer boyutları kendisi oluşturur.
Net Bir Favicon İçin İpuçları
- Sadeleştirin. 16 pikselde ayrıntılı bir logo bulanıklaşır. Metinli tam logo yerine logonuzdaki sembolü veya ilk harfini kullanın.
- Kontrast kullanın. Sekmeler tarayıcı temasına göre açık veya koyudur - her iki önizlemeyi de kontrol edin.
- Boşluğa dikkat edin. Daha az boşluk simgeyi sekmede daha büyük gösterir; biraz daha fazlası telefon ana ekranlarında daha iyi görünür.
Bunun yerine farklı boyutta tek bir .ico dosyasına mı ihtiyacınız var? Resim dönüştürücü her resmi ICO olarak kaydeder.
Sık Sorulan Sorular
Favicon nasıl yapılır?
Bu sayfadaki alana logonuzu veya kare bir resmi ekleyin ya da bir harf veya emoji yazın. Arka planı, boşluğu ve şekli ayarlayın, ardından tüm simge boyutlarını ve sitenize yapıştıracağınız HTML kodunu içeren ZIP dosyasını indirin.
Favicon hangi boyutlarda olmalı?
16, 32 ve 48 piksel sürümlerini içeren bir favicon.ico tarayıcıları ve Windows'u kapsar; 180 piksellik apple-touch-icon iPhone ve iPad'leri, 192 ve 512 piksellik simgeler ise Android'i ve yüklenen web uygulamalarını kapsar. Pakette hepsi bulunur.
Favicon'u web siteme nasıl eklerim?
ZIP dosyasındaki dosyaları sitenizin kök klasörüne yükleyin; böylece favicon.ico, siteniz.com/favicon.ico adresinde açılır. Ardından HTML etiketlerini sayfalarınızın head bölümüne yapıştırın.
Yeni favicon'um neden görünmüyor?
Tarayıcılar favicon'ları uzun süre önbellekte tutar. Favicon adresini doğrudan açın, sayfayı yenileyin veya gizli pencereyi deneyin. Arama sonuçlarında güncellenmesi haftalar sürebilir.
Metinden veya emojiden favicon yapabilir miyim?
Evet. "Harf veya emoji" seçeneğini seçin, bir veya iki karakter yazın ve renkleri belirleyin. Logonuz yoksa temiz bir simge elde etmenin hızlı yoludur.
Resmim yükleniyor mu?
Hayır. Tüm simgeler tarayıcınızda oluşturulur, resminiz cihazınızdan hiçbir zaman çıkmaz.