Dosyaları nereye koyarım?

Site kökünüze: Next.js'te /public/, Apache'de /htdocs/, Nginx'te /var/www/html/ veya herhangi bir statik barındırıcının kökü. Tarayıcılar /favicon.ico'yu otomatik olarak ister.

Neden bu kadar çok boyuta ihtiyacım var?

Farklı platformlar farklı boyutlar kullanır. 16×16 ve 32×32 tarayıcı sekmeleri ve yer imleridir. 180×180 iOS ana ekranıdır. 192×192 ve 512×512 Android ana ekranı ve PWA splash ekranlarıdır. Hepsini dahil etmek her yerde net bir simge sağlar.

ICO mu PNG favicon mu kullanmalıyım?

İkisini de. Modern tarayıcılar SVG veya PNG'yi tercih eder, eski tarayıcılar ve Windows yalnızca .ico okur. En iyi uygulama ikisini de bildirmektir: /favicon.ico'da çok boyutlu bir .ico ve aracılığıyla bir PNG.

Resmim bir sunucuya yükleniyor mu?

Hayır. Her şey anında gerçekleşir. Resminiz cihazınızdan asla çıkmaz.

Hangi boyutta resimle başlamalıyım?

Kare kaynak resimler en iyi çalışır. Net büyük simgeler için minimum 512×512; 1024×1024 veya SVG idealdir. Kare olmayan resimler otomatik olarak ortalanır ve doldurulur, ancak kare kaynaklar çerçeveyi doldurur.

Boşluk veya arka plan rengi ekleyebilir miyim?

Evet. Boşluk kaydırıcısı simge etrafına %0–25 nefes alma alanı ekler. Arka plan seçici herhangi bir düz renk ayarlamanıza veya şeffaflığı korumanıza izin verir (PNG ve ICO için çalışır).

Neden eski favicon'um hala görünüyor?

Tarayıcılar favicon'ları agresif bir şekilde önbelleğe alır — bazen haftalarca. Sert yeniden yükleme yapın (Ctrl+Shift+R / Cmd+Shift+R), ardından onaylamak için aynı URL'yi özel bir pencerede ziyaret edin. /favicon.ico?v=2 gibi bir sorgu dizesiyle yeniden yüklemeye zorlamak da işe yarar.

Ad Slot — Header Banner

Eksiksiz Favicon Paketi Oluşturucu

Favicon Oluşturucu — Herhangi Bir Resimden Tam Simge Seti

Bir logo veya resim bırakın ve eksiksiz bir favicon paketi alın: çok çözünürlüklü .ico, tarayıcı PNG'leri, Apple Touch simgesi, Android Chrome simgeleri ve yapıştırmaya hazır bir HTML snippet — hepsi anında oluşturulur. Kayıt yok, yükleme yok, filigran yok.

#ICO#PNG#Apple Touch#Android#Web Manifest#Ücretsiz

Bir resim bırakın veya göz atmak için tıklayın

PNG, JPG, WebP, SVG, HEIC, TIFF · Kare resimler en iyi çalışır · 512×512+ önerilir

Ad Slot — Below the Fold

3 adımda nasıl favicon oluşturursunuz

Herhangi bir resim girin, eksiksiz favicon paketi alın.

Resminizi yükleyin

Bir logo veya simge bırakın — 512×512 veya daha büyük kare PNG'ler en net sonuçları verir. SVG ve HEIC de çalışır.

Bir ön ayar seçin ve ayarlayın

Minimal, Standart veya Eksiksiz'i seçin. Simge etrafındaki boşluğu ayarlayın, bir arka plan rengi belirleyin veya şeffaflığı koruyun.

Paketi indirin

Oluştur'a tıklayın. Favicon'unuzun tarayıcı sekmelerinde, iOS ana ekranlarında ve Android'de nasıl göründüğünü önizleyin. Her şeyi yapıştırmaya hazır bir HTML snippet ve web manifest ile birlikte ZIP olarak indirin.

Sıkça Sorulan Sorular

Eksiksiz bir paket: favicon.ico (çok çözünürlüklü, 256×256'ya kadar), 16×16'dan 512×512'ye bireysel PNG'ler, bir apple-touch-icon.png (180×180), Android Chrome simgeleri (192×192 ve 512×512), bir site.webmanifest, <head>'inize yapıştırmak için tam <link> etiketlerini içeren bir snippet.html ve kurulumu açıklayan bir README.

Favicon Oluşturucu Hakkında

Everything you need to know

Favicon nedir?

Favicon, tarayıcı sekmelerinde, yer imlerinde ve mobil ana ekranlarda gösterilen küçük simgedir. Modern platformlar birkaç boyut ve format bekler: eski tarayıcılar ve Windows döşemeleri için çok çözünürlüklü bir .ico, Android ve PWA için PNG'ler, iOS için bir Apple Touch simgesi ve isteğe bağlı olarak her ölçekte net görüntüleme için bir SVG. Bu oluşturucu hepsini tek bir kaynak resimden üretir.

Favicon tasarımı için en iyi uygulamalar

512×512 veya daha büyük kare bir resimle başlayın — SVG'ler idealdir. Tasarımı basit tutun; simgeler genellikle 16×16 ila 32×32 pikselde görüntülenir, bu nedenle ince detaylar kaybolur. Yüksek kontrast kullanın; hem açık hem koyu tarayıcı temalarında test edin. Logonuz yatay yönlendirilmişse, yalnızca favicon için kare bir alternatif oluşturun. Simgenin sekme kenarına değmemesi için etrafına %8–15 boşluk ekleyin.

2025 için eksiksiz favicon seti

Modern web projeleri için şunları oluşturun: favicon.ico (çok boyutlu, 16–48), favicon-16x16.png ve favicon-32x32.png (tarayıcı sekmeleri), 180×180'de apple-touch-icon.png (iOS ana ekran, şeffaflık yok), android-chrome-192x192.png ve android-chrome-512x512.png (Android ana ekran ve PWA splash), Android simgelerini bağlayan bir site.webmanifest ve isteğe bağlı olarak vektör görüntüleme için favicon.svg. Eksiksiz ön ayarı hepsini tek seferde oluşturur.

Gizlilik, önbellek ve sorun giderme

Her şey cihazınızda çalıştığı için kaynak resminiz tarayıcınızdan asla çıkmaz — özel logolar ve yayınlanmamış markalar için ideal. Oluşturulan dosyaları yükledikten sonra, tarayıcılar onları yoğun şekilde önbelleğe alır; güncellerken tarayıcınıza sert yeniden yükleme yapın ve gizli bir pencerede doğrulayın. Bazı CDN'ler (Cloudflare, Fastly) favicon.ico'yu ayrı olarak önbelleğe alır — değiştirdikten sonra temizleyin. Favicon'unuz hala güncellenmiyorsa, dosyanın site kökünde olduğunu ve doğrudan istendiğinde 200 OK döndürdüğünü doğrulayın.