Favicon HTML oluşturucusu
Bir sitenin favicon, dokunmatik ikon ve tema renkleri için gereken <head> etiketlerini oluşturun.
Favicon HTML oluşturucusu
Bir favicon birden fazla dosyadır: bir tarayıcı sekmesi bir .ico istiyor, bir telefon ana ekranı 180x180 apple-touch-icon istiyor, Safari'nin sabitlenmiş sekmesi tek renkli bir SVG maskesi istiyor ve bir PWA yükleme istemi manifestte listelenen simgeleri okuyor. Bu araç, bir temel yoldan ve simge boyutlarından tüm <link> ve <meta> etiketlerini oluşturur, böylece beş farklı spesifikasyondan birleştirmek yerine bir bloğu <head>-e yapıştırırsınız.
Temel yolu simge dosyalarının nerede yaşayacağına ayarlayın — kökle veya /icons/ gibi bir alt klasöre — ve her href ona karşı inşa edilir. ICO, PNG ve SVG bağımsız olarak değiştirilebilir: PNG ayrıca apple-touch-icon'u Apple'ın beklediği sabit 180x180 boyutunda ekler ve SVG mask-icon'u ekler. Rengini açık tema renginden alır (veya açığı boş bıraktıysanız karanlıktan). Açık ve koyu tema rengi her biri ayrı bir <meta name="theme-color"> etiketi oluşturur ve prefers-color-scheme sorgusu ile, böylece tarayıcı arayüzü her iki modda da sayfaya uyum sağlar. Ayrı bir anahtar, bazı Windows döşeme senaryolarının hala okuduğu eski msapplication etiketlerini ekler.
Sizes alanı virgülle veya satırla ayrılmış bir liste alır — "16x16, 32x32, 192x192" — ve "48" gibi basit bir sayı kare bir simgenin kısaltmasıdır; tanınmayan girdiler reddedilir. Dosya kontrol listesini açın ve çıktı sonunda tüm referans edilen yolları sırayla listeleyen bir yorum ile biter, bu da gerçekte yüklenmesi gereken listedir.
Her şey tarayıcınızda çalışır: yazdığınız hiçbir şey hiçbir yere gönderilmez. Sonucu sayfanızın <head>-e yapıştırın, .txt dosyası olarak indirin veya ayarlamaya devam etmek için başka bir aracın girdisine gönderin.