Webflow için site simgesi
Webflow, favicon'unuzu Proje Ayarlarında saklar ve yayınlanan her sayfada CDN'sinden sunar. 32×32 PNG veya ICO kare yükleyin — veya 256×256+ kaynak Webflow'in ölçeği küçültülecektir.
Projenizi açın → Proje Ayarları → Genel → Favicon. Webflow, PNG, ICO veya GIF'i kabul eder ve yayınlama sırasında doğru <link rel="icon"> etiketlerini enjekte eder.
Retina sekmeleri ve iOS ana ekran kurulumları için, planınız <head>'e yerleştirmeye izin veriyorsa site ayarlarında özel kod aracılığıyla apple-touch-icon ve PWA simgelerini de ekleyin.
Nasıl çalışır
- 1
Kare bir favicon oluşturun
Favicon oluşturucumuzu kullanın — .ico artı 180×180 apple-touch-icon'i dışa aktarın.
- 2
Proje Ayarları → Site Simgesi
PNG veya ICO dosyanızı yükleyin.
- 3
Yayınla
Webflow, simgeyi özel alan adınızdaki her sayfaya aktarır.
Hemen deneyin
Webflow'e hazır bir sık kullanılan simgesi oluşturun
Favicon OluşturucuSSS
Webflow hangi favicon boyutunu kullanıyor?+
Yükleme hedefi 32×32'dir ancak 256×256 veya 512×512'den başlayın, böylece ölçek küçültme keskin kalır.
Webflow site simgem neden güncellenmiyor?+
Varlığı değiştirdikten sonra siteyi yayınlayın. Tarayıcılar favicon'ları önbelleğe alır — kalıcı olarak yenileyin veya özel koddaki URL'ye ?v=2 ekleyin.
Webflow'te SVG favicon'unu kullanabilir miyim?+
Yerleşik yükleyici tarama formatlarını bekler. Vektör + karanlık moda ihtiyacınız varsa Proje Ayarları → Özel Kod → Baş bölümündeki özel kod aracılığıyla SVG'i ekleyin.
İlgili araçlar
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ü.
Resim Boyutlandırıcı
PNG, JPG ve WebP resimlerini tam boyutlarına yeniden boyutlandırın.