Favicon HTML Oluşturucu
Bir favicon işin yalnızca yarısıdır; HTML bağlantı etiketleri, her tarayıcının hangi dosyayı seçeceğine karar verir. Tek tıklamayla tam ve doğru seti oluşturun.
Eksiksiz bir favicon kurulumu, favicon.ico, bir SVG çeşidi, bir apple-touch-icon ve PWA bildirim simgeleri için etiketler içerir. Bunlardan herhangi birinin eksik olması, en az bir platformda bir yedek simgesinin oluşmasına neden olur.
Etiketleri burada oluşturun, <head>'inize yapıştırın ve işlem tamamdır.
Nasıl çalışır
- 1
Favicon'unuzu oluşturun
.ico + PNG + SVG üretmek için favicon oluşturucuyu kullanın.
- 2
Etiketleri kopyalayın
Oluşturulan <link> bloğunu <head>'inize yapıştırın.
- 3
Doğrulamak
Sitenizi Chrome, Safari, Firefox ve Edge'te açın; hepsinde simge gösterilmelidir.
Hemen deneyin
HTML etiketlerini alın
Favicon OluşturucuSSS
Hangi etiket en önemli?+
<link rel = "icon" href = "/favicon.ico"> — evrensel bir geri dönüş.
Bir manifest.json'a ihtiyacım var mı?+
Yalnızca uygun bir PWA yükleme deneyimi istiyorsanız. Aksi takdirde isteğe bağlıdır.
apple-touch-icon nereye gidiyor?+
<link rel = "apple-touch-icon" size = "180x180" href = "/apple-touch-icon.png">.