Favicon Oluşturucu: PNG'den Çevrim İçi Favicon

Bir sitenin ihtiyaç duyduğu simge dosyaları

Tarayıcılar sekmeler ve yer imleri için 32 × 32 simge, iPhone ve iPad'ler ana ekran kısayolları için 180 × 180 simge kullanır; yüklenebilir web uygulamaları ise manifest dosyalarında 192 × 192 ve 512 × 512 simgeleri listeler. İlk iki simgeyi sayfa başlığından şu kodlarla bağlayın: <link rel="icon" href="/favicon-32.png" sizes="32x32"> ve <link rel="apple-touch-icon" href="/apple-touch-icon.png">.

Google, arama sonuçlarında bir sitenin favicon'unu gösterir ve boyutu 48 pikselin katı olan kare bir simge ister; bu nedenle 48, 96 veya 144 piksel sürümünü de bağlamaya değer.

16 piksel için tasarlama

Favicon çoğu zaman 16 × 16 boyutunda gösterilir; bu boyutta metin, ince çizgiler ve küçük ayrıntılar kaybolur. Güçlü kontrasta sahip tek bir harf veya logonun en basit biçimini kullanın. iOS, ana ekran simgesinin saydam kısımlarını siyah gösterir; bu nedenle 180 piksel sürümüne düz bir arka plan ekleyin.

Çok boyutlu bir .ico dosyası ve web uygulaması manifesti içeren eksiksiz bir paket için favicon dönüştürücüyü, iPhone, iPad ve Android uygulama simgeleri için ise uygulama simgesi oluşturucuyu kullanın.

Nasıl kullanılır?

1. Kare veya dikdörtgen bir kaynak görsel seçin.
2. Standart bir simge boyutu seçin.
3. Sığdırılmış PNG'yi oluşturup indirin.

Gizlilik ve sınırlamalar

Simge oluşturma işlemi tarayıcıda gerçekleşir. Araç, birden çok çözünürlüklü ICO kapsayıcısı yerine PNG dosyaları oluşturur.