Ana Sayfa / Görsel Araçlar / Favicon Oluşturucu

Favicon Oluşturucu

Herhangi bir görüntüden 16, 32, 48 ve 180 piksel boyutlarında PNG faviconlar oluşturun. Ücretsiz.

Nasıl Kullanılır

  1. Bir kare görüntü (PNG veya JPG) yükleyin — basit logonuz veya simgeniz en iyi çalışır.
  2. Araç, her standart favicon boyutunu otomatik oluşturur: 16×16, 32×32, 180×180, 192×192 ve 512×512.
  3. Tasarımınızın küçük boyutlarda da tanındığını kontrol etmek için her boyutun önizlemesini görün.
  4. Favicon paketini indirin, dosyaları sitenize yükleyin ve verilen bağlantı etiketlerini HTML başlığına ekleyin.

Sık Sorulan Sorular

Bu gerçekten ücretsiz mi?

Evet — bu sitedeki her araç %100 ücretsizdir; limitsiz, kayıtsız ve filigransızdır.

Verilerim gizli mi?

Kesinlikle. Tüm işlemler tarayıcınızda yerel olarak yapılır. Dosyalarınız asla bir sunucuya yüklenmez.

Hangi tür görüntü iyi bir favicon olur?

Basit, kalın ve yüksek kontrastlı tasarım. İnce metin ve ince çizgiler 16×16 pikselde kaybolur; bu yüzden basit bir işaret kullanın — genellikle logonuzun bir harfi veya sembolü, düz arka plan üzerinde. Kare kaynak görüntüler en iyi çalışır.

Gerçekte hangi favicon boyutlarına ihtiyacım var?

16×16 ve 32×32 tarayıcı sekmelerini ve yer imlerini kapsar; 180×180, iOS ana ekranları için Apple dokunmatik simgesidir; ve 192×192 ile 512×512, PWA (yüklenebilir uygulamalar) bildirimi için gereklidir. Beşini de oluşturmak her modern kullanımı kapsar.

Hâlâ eski .ico biçimine ihtiyacım var mı?

PNG faviconlar her modern tarayıcıda çalışır, ancak sitenizin kökündeki favicon.ico en uyumlu geri dönüş olmaya devam eder — bazı eski tarayıcılar ve araçlar hâlâ onu arar. En yüksek uyumluluk önemliyse bir tane ekleyin.

Dosyaları ve kodu nereye koymalıyım?

Oluşturulan dosyaları sitenizin kök klasörüne (veya /images/ klasörüne) yükleyin, ardından bağlantı etiketlerini her sayfanın başlık bölümüne yapıştırın — veya daha iyisi, tüm siteye uygulanması için paylaşılan başlık şablonuna.

Favicon Oluşturucu — eksiksiz rehber

Favicon, tarayıcı sekmesindeki küçük simgedir — pikselde küçük, markalaşmada büyük. Net faviconlu siteler profesyonel görünür ve yirmi açık sekme arasında kolay bulunur; onsuz siteler genel küre gösterir ve eksik görünür. Bu oluşturucu, herhangi bir kare görüntüyü saniyeler içinde eksiksiz, üretime hazır bir favicon paketine dönüştürür; tamamen tarayıcınızda.

Faviconlar düşündüğünüzden neden daha önemlidir

Kullanıcılar sekmeleri başlıkları okumaktan çok önce simgeden tanır. Tanınan bir favicon tekrar ziyaretleri artırır (yer iminiz öne çıkar), marka güvenini artırır ve telefonlarda PWA yükleme deneyimini tamamlar — simgenizin büyük uygulamalarla birlikte ana ekranda durduğu yer. Bu, bir sitenin yapabileceği, çabaya kıyasla en görünür iyileştirmelerden biridir.

16 piksel için tasarlayın

Acı gerçek: ayrıntılı güzel logonuz 16×16'da karmaşa olur. Önce Önce favicon Varyantı tasarlayın — kalın bir harf, bir sembol veya basit bir şekil; markanın düz rengi üzerinde. Gözleri kısarak okunabilirliği test edin: bulanık görerek tanıyamıyorsanız daha da basitleştirin. İşaretin kenarlara değmemesi için bol dolgu bırakın ve küçük boyutlarda gürültü yapan degradelerden kaçının.

Boyutların eksiksiz listesi

16×16 / 32×32: Tarayıcı sekmeleri, adres çubuğu ve yer imleri. 180×180: Apple dokunmatik simgesi (iOS yuvarlatılmış köşeleri kendisi ekler — içeriği merkezde tutun). 192×192 ve 512×512: “Ana ekrana ekle” ve PWA yüklemesi için web uygulaması bildirim simgeleri; 512 piksellik olan, dolguyla birlikte maske güvenli olmalıdır. SVG (isteğe bağlı): Vektör favicon mükemmel ölçeklenir ve koyu modla da uyum sağlayabilir — PNG'lerle birlikte bir tane eklemeyi düşünün.

Uygulama ipuçları

Dosyaları sitenizin köküne koyun; böylece tarayıcılar /favicon.ico'yu kendisi bulur ve güvenilirlik için her boyutu bağlantı etiketleriyle açıkça bildirin. Yayımladıktan sonra sert yenileme yapın (Ctrl+Shift+R) — tarayıcılar faviconları güçlü şekilde önbelleğe alır ve eski simge günlerce kalabilir. Bir favicon denetleyiciyle her boyutun çözüldüğünü doğrulayın ve simgenizin görünür kalması için hem açık hem koyu tarayıcı temalarını test edin.

Adım adım rehber: Çevrimiçi ücretsiz favicon nasıl oluşturulur (2026 rehberi)