ESC

Kaynak görselinizi yükleyin

Görselinizi buraya sürükleyip bırakın

Kare PNG, JPG ya da SVG görseller (en fazla 8MB) en iyi sonucu verir.

Hızlı ipuçları

  • Keskin sonuçlar için en az 1024×1024 piksel kaynak kullanın.
  • Logonun kritik kısımlarını ortada tutun – küçük boyutlarda kırpma artar.
  • Şeffaf PNG dosyaları koyu tema kullanan tarayıcılarda daha iyi görünür.
  • Oluşan snippet içindeki yolları canlı ortama göre düzenlemeyi unutmayın.

HTML snippet

Bu satırları sitenizin bölümü içine ekleyin.

Manifest önizleme


                

Neden Favicon Oluşturucu?

Tek pakette her şey

PNG boyutları, favicon.ico, manifest ve browserconfig dosyaları tek indirmede.

Akıllı ölçekleme

Her çözünürlüğe göre logonuzu merkezleyip doğru biçimde ölçekler.

Hazır HTML snippet

Kafa karışmadan etiketine eklemeniz için satırları üretir.

Veriler sizde kalır

Tüm işlemler tarayıcınızda gerçekleşir, dosyalar sunucuya yüklenmez.

Favicon Oluşturucu nasıl kullanılır?

1

Görselinizi ekleyin

8MB sınırında kare bir PNG, JPG veya SVG logo yükleyin.

2

Boyut ve stil seçin

Hangi boyutları üreteceğinizi, arka plan rengini ve köşe yuvarlağını belirleyin.

3

Önizlemeleri inceleyin

Her boyutu görüntüleyin ve gerekirse HTML snippet kodunu kopyalayın.

4

Paketi indirin

ZIP dosyasını indirin; PNG, favicon.ico, manifest ve browserconfig dosyaları hazır.

Sık sorulan sorular

1024x1024px veya daha büyük, kare şeffaf PNG tüm boyutlarda en keskin sonucu verir. SVG de desteklenir ve her çözünürlükte mükemmel ölçeklenir. JPG çalışır ancak şeffaf arka plana sahip olamaz; araç otomatik olarak düz bir arka plan rengi ekler. En iyi kalite için: en az 512x512px ile başlayın, tasarımı ortaya alın ve fazla detaydan kaçının — faviconlar 16x16px kadar küçük boyutlarda görüntülenir.

Oluşturucu şu piksel boyutlarında PNG ikonlar üretir: 16, 24, 32, 40, 48, 57, 64, 72, 96, 120, 128, 144, 150, 180, 192, 256, 384 ve 512. "Modern" ön ayarı en gerekli 5 boyutu kapsar; "Eksiksiz" ön ayarı 18 boyutun tamamını oluşturur. favicon.ico ise eski tarayıcı desteği için 16, 32 ve 48px sürümlerini tek dosyada barındırır.

favicon.ico, IE 5'ten bu yana tüm tarayıcıların desteklediği eski çok çözünürlüklü bir kapsayıcı formattır. Modern tarayıcılar (Chrome, Firefox, Safari, Edge) daha küçük dosya boyutlarıyla tam renk derinliği ve şeffaflık desteklediğinden PNG faviconları tercih eder. En iyi uygulama: her ikisini de ekleyin — eski tarayıcı uyumluluğu için favicon.ico, modern tarayıcılar için uygun boyutlardaki PNG dosyalarına işaret eden <link rel="icon" type="image/png"> etiketleri.

Apple Touch icon (180x180px), bir kullanıcı web sitenizi iPhone veya iPad ana ekranına eklediğinde kullanılır. Bu ikon olmadan iOS, simge olarak sayfanızın ekran görüntüsünü kullanır; bu da profesyonel görünmez. HTML <head> bölümüne <link rel="apple-touch-icon" href="/apple-touch-icon.png"> ekleyin. Bu araç 180px PNG'yi oluşturur ve HTML snippet içine doğru satırı ekler. Modern iOS (10+) yalnızca 180px gerektirir.

Progressive Web App'ler (PWA) site.webmanifest dosyasında listelenen 192x192 ve 512x512 ikonlara ihtiyaç duyar. 192px ikon, kullanıcı PWA'nızı kurduğunda Android ana ekranında görünür. 512px ikon ise PWA açılış ekranında kullanılır. Bu araç her iki PNG dosyasını oluşturur ve doğru icons dizisini içeren bir site.webmanifest oluşturur. PWA kurulumunu etkinleştirmek için HTML <head> bölümüne <link rel="manifest" href="/site.webmanifest"> ekleyin.

Oluşturulan HTML snippet şunları içerir: standart favicon için <link rel="icon"> etiketi, iOS ana ekran ikonları için <link rel="apple-touch-icon">, PWA desteği için site.webmanifest'e işaret eden <link rel="manifest"> ve Windows karoları için browserconfig.xml'e işaret eden <meta name="msapplication-config">. Tüm satırları HTML'nizin <head> bölümüne yapıştırın. İkonlarınız bir alt klasördeyse yolları güncellemeyi unutmayın.

Evet. Modern tarayıcılar (Chrome 80+, Firefox 41+, Safari 15+), <link rel="icon" type="image/svg+xml" href="/favicon.svg"> aracılığıyla SVG faviconları destekler. SVG faviconlar her çözünürlükte mükemmel ölçeklenir ve CSS @media (prefers-color-scheme: dark) ile karanlık mod desteği sunar. SVG'yi paketinize eklemek için bu araçtaki "favicon.svg dahil et" seçeneğini etkinleştirin. Safari 14 ve eski tarayıcılar için yedek olarak ICO ve PNG dosyalarını da saklayın.

Hayır. Yeniden boyutlandırma, format dönüştürme ve paketleme işlemleri JavaScript aracılığıyla tamamen tarayıcınızda gerçekleşir. Görseliniz hiçbir sunucuya ulaşmaz. Hiçbir şey depolanmaz, kaydedilmez veya iletilmez — süreç tamamen gizlidir ve sayfa yüklendikten sonra çevrimdışı da çalışır.

Favicon Oluşturucu Nedir?

Logonuzu yükleyin, tüm platformlar için gereken favicon boyutlarını tek seferde oluşturun. favicon.ico, Apple touch icon, Android ikonları, Windows karoları ve manifest dosyaları -- hepsini elle hazırlamak yerine birkaç tıkla halledin.

Neler Üretiyor?

Tek bir görselden 16x16 ile 512x512 arası PNG dosyaları, çok boyutlu ICO, site.webmanifest ve browserconfig.xml çıkıyor. Ayrıca head etiketine yapıştırmanız için hazır HTML snippet kodu da veriyor.

Neden Önemli?

Eksik veya yanlış boyutta favicon profesyonel görünmüyor. Chrome, Safari, iOS ana ekran, Android PWA ve Windows karoları hepsi farklı boyut bekliyor. Bu araç hepsini tek pakette çözüyor.

Gizlilik

Görseliniz tarayıcınızda işlenir, sunucuya yüklenmez. İnterneti kesin, araç yine çalışır.

Güvenlik ve Gizlilik

Verilerinizin güvenliği bizim önceliğimiz

Yerel İşleme

Tüm işlemler tarayıcınızda gerçekleşir

Veri Transferi Yok

Verileriniz sunucularımıza gönderilmez

Veri Depolama Yok

Hiçbir veri depolanmaz veya paylaşılmaz

SSL Şifreleme

Güvenli bağlantı için SSL şifreleme

Sonraki Adım

MoreOnlineTools'ta Daha Fazlası