Ücretsiz Hesaplama
Görsel ve Medya

Favicon Oluşturucu

Yüklediğiniz logodan web siteniz için 16x16, 32x32, 48x48 ve Apple Touch Icon boyutlarında favicon setleri oluşturup indirin.

Favicon Oluşturucu Nasıl Kullanılır?

Web siteniz için tüm tarayıcılar ve mobil cihazlarla uyumlu 16×16, 32×32, 48×48 piksel favicon.ico ve Apple Touch Icon üretme rehberi.

1Nasıl Kullanılır?

  1. 1.Logonuzu, ikonunuzu veya kare formatlı görselinizi yükleyin.
  2. 2.Tarayıcı sekmesinde nasıl göründüğünü canlı önizleme panelinden kontrol edin.
  3. 3.Standart .ico ve PNG favicon paketini tek tıkla indirin.

2Favicon Boyut Standartları

Farklı cihaz ve tarayıcı ekran yoğunluklarına göre favicon paketinde birden fazla çözünürlük yer almalıdır.

Standart Ölçüler: 16×16, 32×32, 48×48, 180×180 (Apple Touch) ve 192×192 (Android Chrome)

16×16 px Standart Sekme İkonu

Masaüstü web tarayıcılarının sekmelerinde görünen temel boyuttur.

180×180 px Apple Touch Icon

iPhone ve iPad kullanıcıları sitenizi ana ekrana eklediğinde uygulama ikonu olarak kullanılır.

3Örnek HTML Entegrasyonu

Web sitenizin <head> etiketleri arasına eklenecek standart kod:

Standart Favicon<link rel="icon" href="/favicon.ico" sizes="any">
SVG / PNG Favicon<link rel="icon" href="/icon.svg" type="image/svg+xml">
Apple Cihazlar<link rel="apple-touch-icon" href="/apple-touch-icon.png">

💡 Sonuç Değerlendirmesi: Tüm tarayıcılarda sitenizin kurumsal kimliği eksiksiz görüntülenir.

⚠️Dikkat Edilmesi Gereken Önemli Hususlar

  • •Favicon çok küçük boyutlarda görüntüleneceği için karmaşık metinler yerine sade, yüksek kontrastlı ve net şekiller tercih edilmelidir.

Sıkça Sorulan Sorular (SSS)

Favicon dosyamı nereye yüklemeliyim?

favicon.ico dosyasını web sitenizin ana kök dizinine (public / root) yerleştirmeniz çoğu tarayıcının ikonu otomatik bulması için yeterlidir.