Nasıl Çalışır

1

Kaynağınızı Seçin

Bir görsel yükleyin, özel yazı tipleriyle metinden oluşturun, yüzlerce emojiden birini seçin veya piksel sanatı çizin. Mevcut faviconları çıkarmak için herhangi bir URL'yi analiz edin.

2

Özelleştir & Önizle

Arka planları, gradyanları, yuvarlaklığı ve efektleri ayarlayın. Faviconunuzu tarayıcı sekmelerinde, iOS ana ekranında, Android ve Windows maketlerinde gerçek zamanlı olarak önizleyin.

3

Oluştur & İndir

Tek tıklamayla tüm boyutları oluşturun. 35+ çerçeve için kullanıma hazır kod parçacıklarıyla tam paketi indirin.

Faviconunuzu Oluşturmanın Dört Yolu

Görsel Yükle

Herhangi bir görselle başlayın — PNG, JPG, SVG veya WebP. Arka planlar ekleyin, dolguyu, parlaklığı, kontrastı ayarlayın ve yuvarlak köşeler uygulayın. Logolar ve mevcut marka varlıkları için mükemmel.

Metinden Favicon

1500+ Google Fonts ile metin tabanlı faviconlar oluşturun. Yazı tipi kalınlıklarını, renkleri seçin ve düz veya gradyan arka planlar ekleyin. Basit harf tabanlı marka simgeleri için ideal.

Emoji Favicon

Tüm ülke bayrakları dahil 12 kategoride yüzlerce emojiden birini seçin. Cilalı bir görünüm için ön ayarlarla veya özel gradyanlarla renkli arka planlar ekleyin.

Piksel Sanatı Tuvali

Kendi faviconunuzu özelleştirilebilir bir ızgarada piksel piksel çizin. Geri al/yinele desteğiyle kalem, silgi ve doldurma araçlarını kullanın. Piksel sanatı tasarımınızı anında dışa aktarın.

Güçlü Özellikler

%100 Özel

Tüm işlemler yerel olarak tarayıcınızda gerçekleşir. Görselleriniz cihazınızdan asla ayrılmaz. Yükleme yok, bulut depolama yok, veri toplama yok.

Tüm Platformlar Kapsandı

Tarayıcılar, iOS ana ekranı, Android Chrome, Windows döşemeleri, Safari sabitlenmiş sekmeleri ve Progresif Web Uygulamaları için 15+ favicon boyutu oluşturun.

Canlı Önizleme

Oluşturmadan önce faviconunuzun tarayıcı sekmelerinde, iOS ana ekranında, Android başlatıcısında ve Windows döşemelerinde tam olarak nasıl göründüğünü görün.

35+ Çerçeve İçin Parçacıklar

HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django ve 25+ diğer platform için kullanıma hazır kod alın.

URL Analizörü

Mevcut faviconları çıkarmak için herhangi bir web sitesini analiz edin. Hangi boyutların mevcut olduğunu, neyin eksik olduğunu görün ve tek tıklamayla tam bir seti yeniden oluşturun.

Oluşturma Geçmişi

Son favicon oluşturmalarınıza erişin. Önceki tasarımları geri yükleyin, sürümleri karşılaştırın veya kaldığınız yerden düzenlemeye devam edin.

Hızlı Şablonlar

Düz renkler, gradyanlar ve desenler içeren profesyonelce tasarlanmış şablonlarla başlayın. Markanızla eşleşecek şekilde uygulayın ve özelleştirin.

Çoklu Boyut ICO

Maksimum tarayıcı uyumluluğu için 16x16, 32x32 ve 48x48 boyutlarını gömen çoklu çözünürlüklü ICO dosyalarını otomatik olarak oluşturur.

Tam Çıktı Paketi

Standart Faviconlar

Tarayıcı sekmeleri ve yer imleri için favicon.ico (çoklu boyut), 16x16, 32x32 ve 48x48 PNG'ler.

Apple Touch Simgeleri

iOS ana ekranı için 180x180 Apple Touch Simgesi, artı özelleştirilebilir tema rengiyle Safari sabitlenmiş sekme SVG'si.

Android ve PWA Simgeleri

Android Chrome ve Progresif Web Uygulamaları için 192x192 ve 512x512 simgeler, maskelenebilir simge desteği dahil.

Windows Döşemeleri

Windows Başlat menüsü ve görev çubuğu entegrasyonu için browserconfig.xml ile 270x270 Microsoft döşemesi.

Web Manifestosu

Simge referansları, tema renkleri ve PWA görüntüleme ayarları ile tam site.webmanifest dosyası.

Sıkça Sorulan Sorular

Hangi favicon boyutlarına ihtiyacım var?
En azından: favicon.ico, 32x32 PNG, 180x180 Apple Touch Simgesi ve Android/PWA için 192x192/512x512. 'Temel' ön ayarımız gerekli tüm boyutları otomatik olarak içerir.
Neden bir ICO dosyasına ihtiyacım var?
ICO formatı tek bir dosyada birden fazla boyut içerir ve eski sürümler dahil tüm tarayıcılar tarafından desteklenir. Maksimum uyumluluğu sağlayan geleneksel favicon formatıdır.
Faviconum şeffaf bir arka plana sahip olmalı mı?
Tarayıcı sekmeleri için şeffaflık iyi çalışır. iOS ve Android ana ekranları için, simgeler çeşitli duvar kağıtlarında göründüğü için düz veya gradyan bir arka plan düşünün.
Kaynak görselim kare olmak zorunda mı?
Evet, faviconlar her zaman karedir. Görseliniz kare değilse, mükemmel şekilde sığdırmak için dolgu ve ölçek kontrollerimizi kullanın. En iyi sonuçlar için kare bir görselle başlayın.
Görsellerim güvenli ve özel mi?
%100 özel. Tüm işlem tarayıcı yerel Canvas ve Blob API'lerini kullanır. Görselleriniz cihazınızdan asla ayrılmaz — hiçbir veriyi yüklemiyoruz, saklamıyoruz veya iletmiyoruz.
Hangi çerçeveler destekleniyor?
React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails ve çok daha fazlası dahil olmak üzere 35+ platform için kod parçacıkları sağlıyoruz.
Progresif Web Uygulamaları ne olacak?
Oluşturucumuz, maskelenebilir varyantlar dahil olmak üzere gerekli tüm PWA simgelerini, artı doğru simge bildirimleri ve tema renkleriyle tam bir site.webmanifest dosyasını oluşturur.

Faviconları Anlamak

Faviconlar, web sitenizi tarayıcılarda, yer imlerinde, ana ekranlarda ve uygulama başlatıcılarında temsil eden küçük simgelerdir. Tam bir favicon seti, markanızın kullanıcıların sitenizle karşılaştığı her yerde profesyonel ve tanınabilir görünmesini sağlar.

ICO Formatı

ICO formatı, birden fazla boyutu (16x16, 32x32, 48x48) tek bir dosyada paketler. Modern tarayıcılar PNG faviconları desteklerken, ICO eski tarayıcılar ve belirli masaüstü uygulamalarıyla maksimum uyumluluk için gerekli olmaya devam ediyor.

PNG Simgeleri

Modern tarayıcılar, keskin kaliteleri ve şeffaflık destekleri için PNG faviconları tercih eder. Her boyut bir amaca hizmet eder: Tarayıcı sekmeleri için 16px ve 32px, iOS için 180px ve Android ve PWA'lar için 192px/512px.

Web Uygulaması Manifestosu

site.webmanifest dosyası, sitenizin bir PWA olarak yüklendiğinde nasıl görüneceğini tanımlar. Simgeleri, tema renklerini, görüntüleme modunu ve tarayıcıların uygulama benzeri bir deneyim oluşturmak için kullandığı diğer meta verileri belirtir.

SVG Faviconlar

Safari'nin sabitlenmiş sekme özelliği tek renkli bir SVG simgesi kullanır. Modern tarayıcılar da SVG faviconları doğrudan desteklemeye başlıyor, sonsuz ölçeklenebilirlik ve daha küçük dosya boyutları sunuyor.