Favicon oluşturucu — favicon.ico, uygulama simgesi seti
Tarayıcı sekmesi, telefon ana ekranı ve arama sonuçlarında görünen simgeleri tüm boyutlarda oluşturup tek bir ZIP olarak indirin.
Dosya sunucuya gönderilmez — yalnızca bu cihazın tarayıcısında işlenir
Kalınlık
Şekil
Uygulama bilgisi (site.webmanifest)
<head> içine yapıştırılacak HTML
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#3182f6">
ZIP içindeki dosyaların sitenin kök (/) dizinine yüklendiği varsayılır. Aynı kod head.html içinde de bulunur.
Reklam
Favicon oluştur kullanımı
- 1Görsel yükleyin veya metin/emoji ile rengi belirleyin.
- 2Önizlemeden boyutlara göre görünümü kontrol edin.
- 3[ZIP'i indir]'e basın ve verilen HTML kodunu <head> içine yapıştırın.
Sık sorulan sorular
Hangi orijinal görsel daha iyi sonuç verir?
512×512 veya daha büyük kare PNG/SVG en iyi sonucu verir. Küçük boyutlarda sade şekiller daha iyi görünür.
Sadece bir favicon.ico yeterli değil mi?
Eski tarayıcılar için yeterlidir, ancak iPhone ana ekranı (180px) ve Android (192, 512px) için ayrıca PNG gerekir.
Reklam