Favicon (.ico) ve SVG
SVG, modern çağın en heyecan verici favicon formatıdır; vektör, karanlık mod uyumlu ve minik. Ancak 2026'da .ico'nun yerini tamamen alamaz. Nedenini ve her ikisinin de nasıl kullanılacağını burada bulabilirsiniz.
SVG sonsuz ölçeklenir ve dosyanın kendi içindeki karanlık mod medya sorgularını destekler. 1 KB SVG, her modern tarayıcıdaki her yoğunluğu kapsar.
ICO evrensel geri dönüştür. Daha eski Safari sürümleri, eski tarayıcılar ve çıplak URL <code>/favicon.ico</code> kuralının tümü hala buna bağlıdır.
Önerilen kurulum: <code>favicon.ico</code> + <code>favicon.svg</code> kullanın. SVG'i destekleyen tarayıcılar bunu tercih edecektir; geri kalanı otomatik olarak .ico'ya geri döner.
Nasıl çalışır
- 1
SVG tasarlayın veya dışa aktarın
Kare viewBox, tek köklü <svg> öğesi.
- 2
.ico yedeğini oluşturun
SVG dosyanızı çok boyutlu bir .ico olarak rasterleştirmek için FetchFavicon'i kullanın.
- 3
Her ikisini de bağlayın
<link rel = "icon" href = "/favicon.ico"> + <link rel = "icon" type = "image/svg+xml" href = "/favicon.svg">.
Hemen deneyin
.ico + SVG çiftini oluşturun
SVG'den PNG'ye DönüştürücüSSS
SVG kullanırsam .ico'yu tamamen bırakabilir miyim?+
Güvenli değil. Birçok sosyal katıştırıcı, RSS okuyucu ve eski araç hâlâ geleneksel olarak /favicon.ico talebinde bulunuyor.
Hangi tarayıcılar SVG favicon'larını destekliyor?+
Chrome 80+, Edge 80+, Firefox 41+, Safari 15+ ve Cesur. iOS Safari hâlâ apple-touch-icon PNG'i tercih ediyor.
Bir SVG favicon'u ne kadar küçük olabilir?+
Temiz bir monokrom işareti için 1 KB'ın altında. Karmaşık çok renkli logolar bile nadiren 4 KB'yi aşar.
İlgili araçlar
SVG'den PNG'ye Dönüştürücü
SVG vektör grafiklerini her çözünürlükte PNG olarak işleyin.
Favicon Oluşturucu
Her cihaz ve tarayıcı için eksiksiz bir favicon paketi (ICO + PNG) oluşturun.
PNG'den ICO'ya Dönüştürücü
Windows ikonları, uygulama simgeleri ve web sitesi favicon'ları için ücretsiz online PNG'den ICO'ya dönüştürücü.