Herhangi bir görüntüden birden fazla boyutta (16x16 - 512x512) favicon dosyaları oluşturun. Ücretsiz, anında ve tamamen tarayıcınızda çalışır.
PNG, JPG, SVG, WebP'yi destekler. Maksimum 10 MB.
Favicon, tarayıcı sekmelerinde, yer imlerinde ve geçmiş listelerinde görünen küçük simgedir. /favicon.ico adresindeki 16×16 ICO dosyası olan orijinal favicon, farklı platformlar için farklı boyutlarda karmaşık bir simge kümesine dönüştü: tarayıcı sekmeleri için 16×16 ve 32×32, iOS ana ekranları için 180×180, Android için 192×192 ve 512×512 ve Windows döşemeleri için çeşitli boyutlar. Tüm bunları tek bir kaynak görüntüden üretmek, modern bir favicon oluşturucunun yaptığı şeydir.
Bu araç, tek bir yüksek çözünürlüklü kaynak görseli (genellikle kare bir logo) alır ve favicon varlıklarının tamamını ve bunlara referans vermek için gereken HTML bağlantı etiketlerini oluşturur. Çıktı; ICO'yu, birden çok PNG'yi ve aşamalı web uygulaması meta verileri için bir manifest.json'u içerir. Ortaya çıkan dosyaları sitenizin köküne bırakın ve oluşturulan HTML aracılığıyla bunlara referans verin.
Tüm işlemler tarayıcınızda gerçekleşir. Yükleme yok, API çağrısı yok, hız sınırı yok. Çıktı, favicons görüntüleyen her modern tarayıcı ve işletim sisteminde çalışır.
Favicon'u olmayan siteler tamamlanmamış görünüyor. Tarayıcı sekmeleri genel bir simge gösterir; yer imlerinin görsel tanımlayıcıları yoktur; site daha az profesyonel görünüyor. Uygun bir favicon seti eklemek, detaylara dikkat edildiğini gösteren, az çaba gerektiren, yüksek etkili bir cilalama adımıdır.
Modern favicon gereksinimleri /favicon.ico'nun ötesine geçti. iOS ana ekran simgeleri, Android Chrome simgeleri, Windows döşeme simgeleri ve karanlık mod çeşitlerinin tümü farklı dosyalar kullanır. Hepsini tek bir kaynaktan oluşturmak, her dosyayı elle yönetmeye gerek kalmadan tutarlı markalama sağlar.
Kaynak görseli yükleyin, favicon setinin tamamını edinin.
Tam modern favicon seti: favicon.ico (16+32+48 çoklu çözünürlük), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Ayrıca PWA için site.webmanifest, Windows için tarayıcıconfig.xml.
Her PNG, kaynaktan tuval tabanlı alt örneklemeyle oluşturulur. ICO, DataView yazmaları kullanılarak 16/32/48 sürümlerinin çok çözünürlüklü ICO formatında birleştirilmesiyle JavaScript'te oluşturulmuştur.
HTML bağlantı etiketleri her dosyaya uygun rel ve boyut nitelikleriyle başvurur. Oluşturucu bunları sitenizin <head> bölümü için kopyalayıp yapıştırmaya hazır bir snippet olarak üretir.