- Ana sayfa
- Geliştirici araçları
- Favicon oluştur
Favicon oluştur
Logonuzdan sitenize gereken bütün simgeleri tek ZIP’te alın, eklenecek HTML kodunu kopyalayın.
Dosyanız cihazınızdan çıkmazLogonuzu buraya bırakın
Kare bir PNG ya da SVG en net sonucu verir. JPG ve WebP de olur.
ZIP’in içinde: favicon.ico (16, 32, 48 px), apple-touch-icon.png (180 px), icon-192.png, icon-512.png, site.webmanifest ve eklenecek kodu içeren head.html. SVG verirseniz favicon.svg de eklenir.
Dosyaları sitenizin kök klasörüne (favicon.ico’nun adresi /favicon.ico olacak şekilde) koyun. Tarayıcılar eski simgeyi bir süre hatırlar; değişikliği görmek için sayfayı Ctrl+F5 ile yenileyin.
Nasıl kullanılır?
- Logonuzu seçin. Kare bir PNG ya da SVG verirseniz simgeler daha net çıkar.
- Arka planı ve kenar boşluğunu ayarlayın, simgelerin küçükken nasıl göründüğüne bakın.
- “Favicon oluştur”a basıp ZIP’i indirin.
- Dosyaları sitenizin kök klasörüne koyun, verilen kodu sayfanızın head bölümüne ekleyin.
Sık sorulanlar
Logom bir sunucuya yükleniyor mu?
Hayır. Simgeler tarayıcınızda, kendi cihazınızda oluşturulur. Logonuz bize hiç gelmez.
ZIP’ten hangi dosyalar çıkıyor?
favicon.ico (içinde 16, 32 ve 48 piksellik üç boy), iPhone ve iPad ana ekranı için 180 piksellik apple-touch-icon.png, Android ve uygulama gibi açılan siteler için icon-192.png ile icon-512.png, bunları tanıtan site.webmanifest ve eklenecek kodu içeren head.html. SVG verdiyseniz favicon.svg de eklenir.
Logom 16 pikselde okunmuyor.
Sekmede görünen simge çok küçüktür; ince yazılar ve ayrıntılar kaybolur. Logonun yalnızca işaretini ya da baş harfini kullanın, kenar boşluğunu sıfıra indirin. Önizlemede 16 piksellik hali gerçek boyutunda görünür.
Şeffaf arka plan olur mu?
favicon.ico ve 192, 512 piksellik simgeler şeffaf kalır. iPhone ana ekran simgesi şeffaf olamaz; iPhone boş yerleri siyah gösterir. Bu yüzden apple-touch-icon’da şeffaf alanları beyazla ya da seçtiğiniz renkle doldururuz.
Yeni favicon görünmüyor.
Tarayıcılar favicon’u uzun süre önbellekte tutar. Sayfayı Ctrl+F5 ile yenileyin ya da gizli pencerede açın. Dosyaların gerçekten sitenin kökünde olduğunu adres çubuğuna siteniz.com/favicon.ico yazarak kontrol edin.