Favicon Oluşturucu
Herhangi bir görseli tarayıcınızda oluşturulan tam bir favicon setine dönüştürün: .ico, PNG boyutları, Apple touch icon ve web manifest.
Favicon Oluşturucu nasıl kullanılır
- 01
Kare bir görsel yükleyin. Basit bir logo veya simge en iyi sonucu verir; görseliniz tarayıcınızda işlenir.
- 02
İsteğe bağlı olarak bir arka plan seçin ve web manifest için site adınızı girin.
- 03
ZIP'i indirin ve HTML kod parçacığını sayfa başlığınıza yapıştırın.
Favicon nedir
Favicon, tarayıcı sekmelerinde, yer imlerinde ve telefon ana ekranlarında görünen küçük simgedir. Bir siteyi bitmiş ve tanınabilir kılan ufak bir ayrıntıdır ve modern tarayıcılar onun birkaç sürümünü bekler.
Neden tek görsel yetmiyor
İşin püf noktası burada: artık tek görsel yetmiyor. Klasik tarayıcılar için çok boyutlu bir .ico, ayrı PNG boyutları, iOS ana ekranları için bir Apple touch simgesi, Android için daha büyük PNG'ler ve site kurulabilir olacaksa bir web manifestosu gerekir.
Bu üreteç, gerçek bir çok boyutlu .ico dahil olmak üzere tüm seti tek bir görselden kurar ve sayfanın head bölümüne bırakabileceğin tam HTML parçasını verir; böylece hiçbirini elle toplamak ya da yazmak zorunda kalmazsın.
Hangi görseli yüklemeli
En iyi sonuç için en az 512 px'lik kare bir görsel yükle; simge çoğu zaman çok küçük gösterildiği için ayrıntılı bir fotoğraf yerine sade bir logo ya da işaret tercih et. Kare olmayan bir görsel ortalanıp kareye tamamlanır, bu yüzden kenarlara yakın ayrıntılar boşluklara düşebilir.
Arka plan rengi ve site adı
İsteğe bağlı olarak bir arka plan rengi ve site adını belirleyebilirsin. Site adı, biri siteyi ana ekranına eklediğinde kullanılan web manifestosuna girer.
Tarayıcında çalışır
Her şey Canvas API ile tarayıcında yerel olarak çalışır, bu yüzden görselin hiç yüklenmez. Tüm dosyaları ve yapıştırılacak parçayı içeren bir ZIP indirirsin.
Sıkça sorulan sorular
Favicon paketinde neler var?
16, 32 ve 48 px boyutlarında bir favicon.ico, ayrı 16 ve 32 px PNG dosyaları, 180 px Apple touch icon, Android için 192 ve 512 px PNG dosyaları, bir site.webmanifest ve sayfa başlığınıza yapıştırmanız için bir HTML kod parçacığı.
Hangi görseli yüklemeliyim?
En az 512 px boyutunda kare bir görsel en iyi sonucu verir; tercihen basit bir logo veya işaret. Kare olmayan bir görsel ortalanarak kareye doldurulur, bu nedenle kenarlara yakın ayrıntılar kenar boşluklarına taşabilir.
Görsellerim sunucuya yükleniyor mu?
Hayır. Simgeler Canvas API kullanılarak tarayıcınızda oluşturulur, görseliniz cihazınızdan hiçbir zaman ayrılmaz.