Yeni web siteleri ve açılış sayfaları
Sekmeler ve yer imleri markalı görünsün diye lansman gününde eksiksiz bir ikon seti yayınlayın.
%100 gizliYalnızca tarayıcıEksiksiz favicon paketiÜcretsiz · kayıt gerekmez
Faviconları neden burada oluşturmalısınız
İhtiyacınız olan her boyut
Sekmeler, yer imleri, PWA ve ana ekranlar için 16×16'dan 512×512'ye PNG'ler artı çoklu boyut ICO.
ICO, PNG ve manifest
Modern PNG seti, klasik favicon.ico, Apple Touch Icon, Android Chrome ikonları ve site.webmanifest.
SEO ve marka parlaklığı
Keskin ikonlar sekmelerde, arama sonucu arayüzlerinde ve mobil ana ekranlarda tanınırlığı artırır.
Tasarım gereği gizlilik
Görseller asla bir sunucuya yüklenmez. Yeniden boyutlandırma, paketleme ve indirme tamamen tarayıcınızda gerçekleşir.
Ücretsiz ve sınırsız
Hesap, filigran veya günlük kota yok. Her proje için paketler oluşturun.
Kopyala-yapıştır kurulum HTML'i
ZIP, README ve hazır <link> etiketleri içerir; faviconları dakikalar içinde yayınlayabilirsiniz.
Favicon nasıl oluşturulur
- 1
Logonuzu yükleyin
Bir PNG, JPG, WEBP veya SVG bırakın. 512×512 veya daha büyük kare bir kaynak en iyi sonucu verir.
- 2
Dolguyu ve arka planı ayarlayın
İkonun küçük sekme boyutlarında net kalması için sığdırmayı, dolguyu ve arka planı ayarlayın.
- 3
Paketi indirin
ICO, PNG'ler, Apple/Android ikonları, webmanifest ve kurulum HTML'i içeren bir ZIP alın.
- 4
Sitenize etiketleri ekleyin
Dosyaları sitenizin kök dizinine kopyalayın ve sağlanan <link> etiketlerini <head> bölümüne yapıştırın.
Tek bir logodan eksiksiz bir favicon sistemine
Tarayıcıların, telefonların ve PWA'ların beklediği her ikon platformunu yayınlayın — saniyeler içinde yerel olarak üretilir.
01
Birden çok favicon boyutu neden önemlidir
Tarayıcılar ve işletim sistemi kabukları farklı çözünürlükler ister. Tek bir 16×16, retina sekmelerinde yumuşak görünür; tek başına bir 512×512, sekme çubuğunda bant genişliği israf eder. Eksiksiz bir paket, aşırı yükleme yapmadan her yüzeyi keskin tutar.
02
Uyumluluk için ICO, kalite için PNG
favicon.ico klasik kök ikonu olmaya devam ediyor. PNG ikonları modern <link rel="icon"> etiketlerini, Apple ana ekranlarını ve Android Chrome'u besler. İkisini üretmek, eski ve modern istemcilerde bozuk ikonları önler.
03
PWA'ya hazır öğeler
192 ve 512 ikonları artı site.webmanifest, kurulabilir web uygulamalarının Android ve masaüstü kurulum istemlerinde doğru görünmesine yardımcı olur. Ad alanları, ürün markanızla eşleştirmenizi sağlar.
04
Gizli istemci tarafı iş akışı
Yüklemeleri saklayan bulut dönüştürücülerin aksine, BosConvertPro görselleri canvas ve JSZip ile tarayıcıda işler. Bu, çoğu logo için daha hızlıdır ve yayınlanmamış marka öğeleri için daha güvenlidir.
Ne zaman favicon paketine ihtiyacınız olur
Tek bir görsel, tarayıcıların ve cihazların beklediği her ikon platformuna dönüşür.
Yeniden markalama ve logo güncellemeleri
Logonuz her değiştiğinde ICO, Apple ve Android öğelerini yeniden oluşturun.
PWA ve ana ekran uygulamaları
Kurulabilir web uygulamaları için 192 ve 512 ikonları ve bir webmanifest ekleyin.
Müşteri projeleri ve serbest çalışma
Müşteriler kendi başlarına dağıtabilsin diye kurulum talimatları içeren bir zip paketi teslim edin.
SaaS panoları
Ürün tanınırlığını tarayıcı sekmeleri ve mobil kısayollar genelinde tutarlı tutun.
Blog ve dokümantasyon siteleri
Keskin bir 16×16 ve 32×32 işaretle kalabalık sekme çubuklarında öne çıkın.
Favicon tasarım ipuçları
Küçük ikonlar basit şekiller ve güçlü kontrast gerektirir.
- 1
Basit bir işaretle başlayın
16×16 boyutunda metin ve ince ayrıntılar kaybolur. Cesur bir monogram, sembol veya basitleştirilmiş logo kullanın.
- 2
Kare, yüksek çözünürlüklü kaynakları tercih edin
En az 512×512 yükleyin. Daha büyük ana görseller, küçük görselleri büyütmekten daha temiz küçülür.
- 3
Koyu ve açık sekmeleri test edin
Her iki tarayıcı temasında da kontrastı kontrol edin. Şeffaf arka planlar genellikle en iyi görünür.
- 4
Güvenli dolguyu koruyun
Hafif dolgu, yuvarlatılmış maskelerde (özellikle iOS ana ekranlarında) kenar kırpılmasını önler.
FAQ
Sıkça sorulan sorular
Favicon nedir?
Favicon, tarayıcı sekmelerinde, yer imlerinde, geçmişte ve bazen arama veya mobil ana ekranlarda gösterilen küçük ikondur. Marka kimliğini güçlendirir ve kullanıcıların açık sekmeler arasında sitenizi bulmasına yardımcı olur.
Bu oluşturucu hangi boyutları ve formatları üretir?
16, 32, 48, 180 (Apple Touch), 192 ve 512 (Android/PWA) boyutlarında PNG ikonları, çoklu boyut favicon.ico (16/32/48), site.webmanifest ve HTML etiketlerini içeren bir README alırsınız.
Görselim bir sunucuya yükleniyor mu?
Hayır. Yeniden boyutlandırma, ICO paketleme ve ZIP oluşturma tamamen tarayıcınızda çalışır. Görseliniz cihazınızdan asla ayrılmaz.
Hangi görseli yüklemeliyim?
PNG, JPG, WEBP veya SVG formatında, ideal olarak 512×512 veya daha büyük kare bir logo veya işaret kullanın. Şeffaf PNG, modern tarayıcılar için en iyi sonucu verir.
Favicon'u web siteme nasıl eklerim?
ZIP'i sitenizin genel kök dizinine (veya /public) çıkarın, ardından sağlanan <link> ve meta etiketlerini HTML'inizin veya yerleşim şablonunuzun <head> bölümüne yapıştırın. Eski bir ikon hâlâ görünüyorsa tarayıcı önbelleğini temizleyin.
Hâlâ bir .ico dosyasına ihtiyacım var mı?
Birçok tarayıcı PNG favicon kabul eder, ancak favicon.ico eski istemciler ve varsayılan kök ikonu olarak kullanışlıdır. Bu araç ikisini de üretir.
Favicon olarak SVG kullanabilir miyim?
Kaynak olarak SVG yükleyebilirsiniz. Paket, maksimum uyumluluk için raster PNG/ICO boyutlarını dışa aktarır. Bazı modern tarayıcılar SVG faviconları ayrıca destekler.
Araç ücretsiz mi?
Evet. Sınırsız paket, kayıt yok ve filigran yok. Tek sınır, çok büyük kaynak görseller için cihaz belleğinizdir.
Tasarım yazılımı olmadan profesyonel faviconlar
BosConvertPro Favicon Oluşturucu, tek bir görseli üretime hazır bir favicon paketine dönüştürür. Klasik tarayıcılar için çoklu boyut ICO, modern sekmeler için PNG ikonları, Apple Touch ve Android Chrome öğeleri, bir web uygulama manifesti ve kurulum HTML'i elde edersiniz — hepsi tarayıcıda gizlice üretilir. Kayıt yok, sunucu yüklemesi yok, filigran yok.
- Çoklu boyut favicon.ico + PNG paketi
- Apple Touch ve Android Chrome ikonları
- site.webmanifest dahil
- Yapıştırmaya hazır kurulum HTML kodu
- Yalnızca istemci tarafı — görseller gizli kalır
- Günlük sınır olmadan ücretsiz