Favicon (.ico) ve PNG
ICO ve PNG rakip değil, ortaktır. Modern favicon kurulumu, evrensel geri dönüş olarak .ico'yu ve yüksek DPI geçersiz kılma olarak PNG'i kullanır. İşte tam olarak her birinin kazandığı zaman.
ICO, tek bir dosyanın birden fazla çözünürlüğü barındırması açısından benzersizdir. Tarayıcı veya işletim sistemi çizim sırasında en yakın eşleşmeyi seçer; yükseltme yok, belirsiz kenarlar yok.
PNG her türlü çözünürlükte daha keskindir ve düz renkli logolar için daha iyi sıkıştırmayı destekler. Tek bir dosyaya birden fazla boyut yerleştirilemez.
En uygun kurulum, çok boyutlu bir .ico artı yüksek DPI tarayıcılar için bağımsız 32×32 ve 180×180 PNG ve iOS'tir.
Nasıl çalışır
- 1
512×512 kaynaktan başlayın
PNG veya SVG.
- 2
Her iki formatı da oluştur
FetchFavicon, çok boyutlu bir .ico artı bağımsız 16/32/48/180/192/512 PNG'ler üretir.
- 3
Her ikisini de <head>'e bağlayın
<link rel='icon'' href='/favicon.ico'> ve ardından <link rel''icon'' type='image/png'size''''32x32'' href='/favicon-32x32.png'>.
Hemen deneyin
Hem .ico hem de PNG dosyasını oluşturun
PNG'den ICO'ya DönüştürücüSSS
Hangisinin dosya boyutu daha küçüktür?+
Tek bir PNG, aynı çözünürlüğe sahip bir .ico'dan daha küçüktür, ancak çok boyutlu bir .ico, 4-6 PNG'in yerini alır ve genellikle toplam bayt bakımından kazanır.
Google, arama sonuçlarında PNG favori simgelerini gösteriyor mu?+
Evet. Google hem .ico hem de PNG'i destekler. En az 48×48 kare en boy oranını tercih eder.
PNG karanlık modu destekleyebilir mi?+
Doğrudan değil. Karanlık mod desteği için PNG'inizin yanında bir SVG çeşidi kullanın.