Favicon oluşturucu

Bir sitenin ihtiyaç duyduğu bütün simgeleri tek bir görselden ya da birkaç harften yap: favicon.ico, PNG boyutları, Apple ve Android simgeleri ve yapıştırılacak HTML kodu.

Dosyaların cihazından çıkmaz. Her şey tarayıcında çalışır.

Nasıl kullanılır

  1. Kaynağı seçBir görsel ya da SVG logo veya bir ile üç harf.
  2. Görünümü ayarlaZemin rengi, şekil ve kenar boşluğu; sekme önizlemesine bak.
  3. Paketi indirSitenin kök klasörüne çıkar, HTML kodunu head bölümüne yapıştır.

Tarayıcının istediği her şey

Tarayıcılar, telefonlar ve arama motorları farklı simge dosyaları arar: eski tarayıcılar ve Windows için favicon.ico, sekmeler için küçük PNG'ler, iPhone ana ekranı için 180 piksellik Apple simgesi, Android ve yüklenen web uygulamaları için 192 ve 512 piksellik simgeler. Oluşturucu her boyutu ayrı çizer; 16 piksellik sürüm büyüğün bulanık bir küçültmesi olmaz, net kalır.

iOS saydam yerleri siyaha boyadığı için Apple simgesine dolu zemin verilir. Pakette site.webmanifest ve HTML satırlarını içeren bir metin dosyası da vardır.

İyi favicon sade olur

16 pikselde ayrıntılar kaybolur. Güçlü kontrastlı kalın bir sembol ya da bir iki harf kullan, kenar boşluğunu az tut, açık ve koyu sekme önizlemesine bak.

Sık sorulan sorular

Dosyaları nereye koymalıyım?

Sitenin kök klasörüne, index.html'in yanına; sonra HTML kodunu head bölümüne yapıştır.

SVG logo kullanabilir miyim?

Evet. SVG dosyalar her boyutta net çizilir.

Dosyalarım yükleniyor mu?

Hayır. Her şey tarayıcında oluşturulur.