favicon.ico, PNG boyutları, bir Apple touch simgesi, Android ve maskelenebilir simgeler, bir web manifesti ve yapıştırılacak HTML'yi tek .zip içinde alırsınız. Bir harften veya görselden web siteniz için tam bir simge seti yapın. Ücretsiz ve gizlidir.
Favicon nasıl yapılır
- Şuradan başla altında Bir harf veya Bir görsel'i seçin. Görsel için Bir görsel seç'e basın.
- Bir harf için Harflerinizi yazın ve Ağırlığı, Yazı tipini, Metin rengini, Stili ve Arka planı seçin.
- Şekli seçin: Kare, Yuvarlatılmış veya Daire. Dolguyu ayarlayın veya arka planı şeffaf Tutun.
- Siteniz altında Site veya uygulama adı, Kısa ad ve Simge klasörünü ekleyin.
- Simgeyi tarayıcı sekmesinde, arama sonuçlarında ve telefonda gösteren Önizleme'yi kontrol edin.
- Sayfanıza yapıştırılacak kod için HTML'yi kopyala'ya ve dosyalar için Tümünü indir (.zip)'e basın.
Her dosya ne için
favicon.ico, 16, 32 ve 48 piksellik sürümleri tek dosyada tutar ve eskiler dahil her tarayıcıda çalışır. PNG favicon'lar modern tarayıcılara net bir sekme simgesi verir. apple-touch-icon.png biri sitenizi bir iPhone veya iPad ana ekranına eklediğinde kullanılır ve Android simgeleri ile site.webmanifest siteniz Android'e veya uygulama olarak yüklendiğinde kullanılır.
Maskelenebilir simge nedir?
Android, telefona bağlı olarak uygulama simgelerini daireler, yuvarlak kareler veya yuvarlatılmış karelere kırpar. Maskelenebilir bir simge tüm kareyi arka plan renginizle doldurur ve logoyu ortadaki %80'in içinde tutar, böylece telefon hangi şekli kullanırsa kullansın önemli bir şey kesilmez.
Net bir favicon için ipuçları
16 pikselde ayrıntı kaybolur. Kalın bir harf, basit bir işaret veya logonuzun en tanınır kısmı, kelimeli tam logodan daha iyi çalışır. İşaret ile arka plan arasındaki güçlü kontrast, hem açık hem koyu tarayıcı temalarında diğer sekmeler arasında öne çıkmasına yardımcı olur.
Simgeleri sitenize ekleme
- Dosyaları açın ve Simge klasörü altında adlandırdığınız klasöre, genellikle sitenizin en üst düzeyine yükleyin.
- Kopyalanan HTML'yi her sayfanın head bölümüne yapıştırın.
- Eski simge görünmeye devam ederse sayfayı yeniden yükleyin ve tarayıcı önbelleğinizi temizleyin. Tarayıcılar favicon'ları uzun süre tutar.
- Her boyut keskin görünsün diye en az 512 piksel genişliğinde kare bir görselle başlayın.
Kimler kullanır
Yeni web sitesi olan küçük işletme sahipleri, müşteriler için siteler yapan serbest çalışanlar, blog yazarları ve bir projeyi çevrimiçi yayınlayan öğrenciler. Önce logonuzu yeniden boyutlandırmak veya dönüştürmek için görsel çeviriciyi deneyin.
Sorular
Görselim yükleniyor mu?
Hayır. Simgeler tarayıcınızda yapılır.
Hangi görsel biçimlerini kullanabilirim?
PNG, JPG, SVG ve WebP.
Eski favicon'um neden hâlâ görünüyor?
Tarayıcılar favicon'ları uzun süre önbelleğe alır. Kontrol etmek için önbelleği temizleyin veya siteyi gizli pencerede açın.