Favicon generator
Browsers expect multiple icon sizes: classic 16×16 favicon.ico, 32×32 tab icons, 180×180 apple-touch-icon, and 192×192 PWA icons. Upload a square logo and download a complete set — generated locally without sending your brand assets to a server.
How to generate favicons
1. Upload a square PNG or JPG (512×512 or larger recommended).
2. Preview generated sizes.
3. Download the icon pack or individual files.
4. Add link tags to your HTML head and place files in /public or site root.
Favicon kurulum örnekleri
Yeni statik site
Favicon.ico plus 32×32 PNG oluşturun ve standart bağlantı rel='icon' etiketlerinilayout.html'ye ekleyin.
PWA bildirimi
Manifest.json simgeler dizisi için 192×192 ve 512×512 PNG olarak dışa aktarın.
Yeniden marka değiştirme
Bir ana logoyu değiştirin ve sekmeler ile ana ekran kısayollarının eşleşmesi için tüm boyutları yeniden oluşturun.
Favicon oluşturucu ne zaman kullanılır?
• Bir siteyi başlatırken ve tüm standart simge boyutlarına aynı anda ihtiyaç duyulduğunda.
• Raster logonuz olduğunda ancak çok boyutlu bir .ico dosyanız olmadığında.
• Marka varlıklarını yüklemeden yerel nesil istediğinizde.
Simgeler ne zaman elle işlenir?
• Logonuz ayrıntılı olduğunda, 16x16 okunabilirlik için harf işaretine basitleştirin.
• SVG favicon'lar yalnızca modern kitleler için yeterli olduğunda.
• Platform mağazaları kesin olarak belirlenmiş katmanlı PSD kaynakları gerektirdiğinde.
HTML bağlantı etiketleri kontrol listesi
PNG boyutları için rel='icon''u, iOS için rel''apple-touch-icon''u ve isteğe bağlı olarak PWA'lar için manifest.json'u ekleyin. Dosyaları öngörülebilir yollara yerleştirin (/favicon.ico hala eski tarayıcılara yardımcı olur).
16×16 için tasarım
Favicon boyutunda ince ayrıntılar kaybolur. Cesur şekiller ve yüksek kontrast kullanın ve ince vuruşlardan kaçının. Birçok marka küçük bedenler için monogram çeşitlerini kullanıyor.
Yeniden markalamada önbellek bozma
Tarayıcılar favorileri agresif bir şekilde önbelleğe alır. Kullanıcıların yeni işareti görebilmesi için simgeleri güncellerken dosyaları yeniden adlandırın veya ?v=2 sorgusunu ekleyin.
Sık sorulan sorular
Kaynak görselin boyutu ne olmalı?
En az 512×512 piksel kare. Büyük ana logoların ölçeği küçültülmesi, küçük logoların büyütülmesinden daha iyidir.
ICO ve PNG favicon mu?
Modern tarayıcılar PNG'yi kabul eder; .ico, eski Windows sekmeleri için birden fazla boyutu bir araya getirir.
elma dokunuşu simgesi boyutu?
iOS ana ekran kısayolları için 180×180 piksel — en iyi sonuçları elde etmek için şeffaflık olmadan PNG kullanın.
Şeffaf arka plan?
PNG sekmeleri için çalışır; iOS ana sayfa simgeleri beyaz mat bir görünüm alabilir; cihazda test edin.
Logolar bir sunucuya yükleniyor mu?
Hayır — yeniden boyutlandırma tuvali yerel olarak kullanır.
SVG kaynak?
Önce yüksek çözünürlükte SVG'yi PNG'ye dönüştürün, ardından favori simgeler oluşturun.