Favicon Oluşturucu Nasıl Kullanılır
Web siteniz için tüm boyutlarda favicon oluşturun. ICO, PNG, SVG formatlarında tarayıcı ve mobil uyumlu favicon paketi.
Bu aracı hemen kullanın
Hesaplamayı yapmak için araca gidin
Favicon oluşturucu, web siteniz veya uygulamanız için gerekli tüm favicon boyutlarını tek seferde üretir. 16x16, 32x32, 48x48 piksel ICO dosyası, Apple Touch ikon (180x180), Android Chrome ikon (192x192, 512x512) ve SVG favicon oluşturabilirsiniz.
Adım Adım Kullanım
Kaynak görseli yükleyin
Logonuzun yüksek çözünürlüklü versiyonunu yükleyin. En az 512x512 piksel, tercihen kare formatta. PNG veya SVG formatı önerilir.
Kırpma alanını ayarlayın
Görselin favicon olarak kullanılacak bölgesini seçin. Favicon çok küçük boyutlarda görüneceği için karmaşık detayları kaldırın.
Arka plan rengini belirleyin
Şeffaf arka plan veya düz renk seçin. iOS cihazlarda şeffaflık desteklenmez, arka plan rengi belirlemeniz gerekir.
Favicon paketini indirin
Oluşturulan tüm boyutları içeren ZIP dosyasını indirin. İçinde ICO, PNG dosyaları ve HTML meta etiketleri yer alır.
Web sitenize ekleyin
Dosyaları sitenizin kök dizinine yükleyin. HTML meta etiketlerini head bölümüne ekleyin.
Örnek Senaryo
Matbaa web sitesi için favicon oluşturma
Firma logonuz 1000x1000 piksel PNG dosyası. Logoyu yükleyin, kare değilse kırpma alanını ayarlayın. Arka plan rengi olarak firmanızın marka rengini seçin. Paketi indirin: favicon.ico, apple-touch-icon.png ve android-chrome ikonları hazır.
Sık Yapılan Hatalar
Karmaşık logoyu küçük favicon olarak kullanmak
Favicon 16x16 piksele kadar küçülür. Detaylı logolar tanınmaz hale gelir. Sadeleştirilmiş ikon veya baş harf kullanın.
Sadece ICO dosyası oluşturmak
Modern tarayıcılar ve mobil cihazlar PNG ve SVG favicon destekler. Tüm boyutları oluşturun.
Arka plan şeffaflığını test etmemek
Koyu temalı tarayıcılarda şeffaf arka planlı koyu logonuz görünmez olabilir. Hem açık hem koyu arka planda test edin.
Sık Sorulan Sorular
Favicon hangi boyutlarda olmalı?
Minimum: favicon.ico (16x16 + 32x32). Tam set: 48x48 (ICO), 180x180 (Apple Touch), 192x192 ve 512x512 (Android), SVG.
SVG favicon nedir?
Modern tarayıcılar vektör SVG favicon destekler. Her çözünürlükte keskin görünür ve koyu/açık tema değişikliğine uyum sağlar.
Favicon önbellekleme sorunu nasıl çözülür?
URL'ye sürüm parametresi ekleyin: favicon.ico?v=2. Geliştirme sırasında tarayıcı önbelleğini temizleyin.
İlişkili Araçlar
Hazır mısınız?
Bu aracı kullanarak hesaplamanızı hemen yapın.