# 122: Faviconların Durumu - CSS Hileleri

Anonim

Sonsuza kadar hepimiz 16 × 16 grafikler yaptık ve bir şekilde .ico formatına aldık. Muhtemelen bu dönüştürücü aracını milyon kez kullandım. Çizginin bir yerinde daha da kafa karıştırmaya başladı. Tarayıcılar .png.webp favicon'larını da destekleyebilir. Ve şimdi retina ekranlar var ve retinada hiçbir şey küçültülmüş küçük grafiklerden daha kötü görünmüyor. Tarayıcılar artık 32 × 32 faviconları da desteklemeye başlıyor. Ne yapmalıyız

Durum şu ki, her ikisini de sağlarsanız, birçok tarayıcı .png.webp'yi yok sayar ve .ico kullanır. Jonathan Neal tüm hikayeye sahip. Öyleyse, bu .ico'yu her ikisi için de kullanalım. Yine de bunun üstesinden gelmek için oluşturulmuş benzersiz bir biçimdir.

  • Her ikisini de bilemek için en iyi piksel işleme becerilerinizi kullanarak hem 16 × 16 hem de 32 × 32 versiyonlarını yapın
  • Bunları tam kaliteli PNG'ler olarak kaydedin
  • Icon Slate'te (üzerinden) yeni bir proje yapın
  • Sürümleri ilgili "kuyulara" sürükleyin
  • .İco oluşturmak için "Oluşturun"
  • O .ico’yu normal şekilde bağlayın: