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.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
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">.